vue实现点击按钮隐藏

可以使用 v-show 或者 v-if 指令来实现点击按钮隐藏的效果。

假设你有一个按钮，可以使用以下代码实现点击隐藏的效果：

<template>
  <div>
    <button @click="isHidden = true">隐藏</button>

    <div v-show="!isHidden">
      这里是要隐藏的内容
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isHidden: false
    }
  }
}
</script>

当用户点击“隐藏”按钮时，isHidden 的值会变为 true，这时候 v-show 指令会判断 isHidden 的值为 false，所以隐藏内容会被显示出来。当 isHidden 的值变为 true 时，v-show 指令会判断 isHidden 的值为 true，所以隐藏内容会被隐藏起来。