vue 链接点击以后隐藏

要实现链接点击后隐藏的效果，可以使用Vue的v-if指令和一个布尔变量来控制链接的显示和隐藏。

首先，在Vue实例的data属性中添加一个布尔变量，例如isHidden，初始值为false。

data: {
  isHidden: false
}

然后，在模板中使用v-if指令来根据isHidden变量的值来控制链接的显示和隐藏。

<a v-if="!isHidden" @click="isHidden = true">点击隐藏链接</a>

在这个例子中，当isHidden为false时，链接会显示出来。当用户点击链接时，会触发@click事件，将isHidden的值设为true，从而隐藏链接。

如果想要再次显示链接，可以添加一个按钮，并使用v-show指令来控制按钮的显示和隐藏。

<button v-show="isHidden" @click="isHidden = false">显示链接</button>

在这个例子中，当isHidden为true时，按钮会显示出来。当用户点击按钮时，会触发@click事件，将isHidden的值设为false，从而显示链接。

这样，当用户点击链接时，链接会隐藏，再点击按钮时，链接会重新显示出来