vue判断显示隐藏

你可以使用v-if或v-show指令来控制元素的显示和隐藏。

v-if是根据表达式的值来决定是否渲染元素，如果表达式返回false，元素将被从DOM中删除；如果表达式返回true，元素将被插入到DOM中。

v-show则是根据表达式的值来决定元素的display属性，如果表达式返回false，元素将被隐藏；如果表达式返回true，元素将被显示。

下面是一个示例：

<template>
  <div>
    <button @click="toggle">Toggle</button>
    <div v-if="show">Hello World!</div>
    <div v-show="show">Hello World!</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: false
    };
  },
  methods: {
    toggle() {
      this.show = !this.show;
    }
  }
};
</script>

在上面的示例中，我们使用了v-if和v-show指令来控制元素的显示和隐藏。当我们点击Toggle按钮时，show的值会取反，从而切换元素的显示状态。