使用变量控制html元素的显示隐藏

方式一：动态绑定style

<div :style="{ display: isElementVisible ? 'block' : 'none' }">内容</div>

方式二：同理v-if亦可

<div v-show="isElementVisible">内容</div>

方式三：vue中ref绑定的元素，结合原生的写法

methods: {
  hideElement() {
    this.$refs.myElement.style.display = 'none';
  },
  showElement() {
    this.$refs.myElement.style.display = 'block';
  }
}