vue 点击显示隐藏，鼠标移动上去显示隐藏

1，鼠标点击显示隐藏，样式可以自己调，我就写个dome。

 <div class="min">
      <button @click="change">点击我</button>
      <div v-show="show">
        显示隐藏的内容
      </div>
    </div>

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

 

鼠标移动上去事件：

html：

  <div class="min">
      <button
        class="cancelbtn"
        @mouseover="mouseover(n)"
        @mouseleave="mouseleave"
        v-show="isshow & (n == id)"
      >
        取消</button
      ><br />
      <button
        class="followbtn"
        @mouseover="mouseover(n)"
        @mouseleave="mouseleave"
      >
        关注
      </button>
    </div>

View Code