VUE元素的隐藏和显示(v-show指令)

  

除了点击单击事件,还有鼠标悬停,鼠标悬停等鼠标事件。
  

  

dbclick双击事件。

        v:单击鼠标悬停/鼠标/mousedown/dbclick/?/pre>      

<强> v-show指令

        v-show=" true/false”//控制元素显示/隐藏      

示例代码:

        & lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt; title> & lt;/title>   & lt;元charset=皍tf - 8”比;   & lt;脚本src=" http://unpkg.com/vue/dist/vue.js "祝辞& lt;/script>      & lt;脚本type=" text/javascript祝辞   窗口。onload=function () {   var vm=new Vue ({   埃尔:“#箱”,   数据:{   isShow:假的,   },   方法:{   切换:函数(){   这一点。isShow=! this.isShow;   }   }   });   }   & lt;/script>   & lt;/head>   & lt; body>   & lt; div id=昂凶印北?   & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/toggle " v:点击=扒谢?)”比;& lt; br/比;   & lt; div v-show=" isShow "祝辞& lt;/div>   & lt;/div>   & lt;/body>   & lt;/html>   之前      

 VUE元素的隐藏和显示(v-show指令),

  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

VUE元素的隐藏和显示(v-show指令)