除了click单击事件,还有mouseover,mouseover等鼠标事件。
dbclick双击事件。
1 | v-on:click/mouseover/mouseover/mousedown/dbclick/... |
v-show指令
1 | v-show= "true/false" //控制元素显示/隐藏 |
示例代码:
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script> <script type="text/javascript"> window.onload = function(){ var vm = new Vue({ el:'#box', data:{ isShow:false, }, methods:{ toggle:function(){ this.isShow = !this.isShow; } } }); } </script> </head> <body> <div id="box"> <input type="button" value="toggle" v-on:click="toggle()"> <br /> <div v-show="isShow" style="width: 100px;height: 100px;background: red"></div> </div> </body> </html>
热门文章
- 国内排名前十的兽药厂家 国内排名前十的兽药厂家有哪些
- 宠物美容师要培训多久才能学会(宠物美容师培训教程)
- 3月18日 - 最高速度21.9M/S,2025年Nekobox每天更新免费节点订阅地址
- 3月16日 - 最高速度21.8M/S,2025年Nekobox每天更新免费节点订阅地址
- 狗粮加工企业有哪些(狗粮加工厂需要投资多少钱)
- 宠物粮品牌排行前十名有哪些呢(国内十大宠物粮食品牌)
- 自家宠物猫轻微抓伤有一点渗血(自家猫咪抓了一点点血)
- 4月5日 - 最高速度19.9M/S,2025年Nekobox每天更新免费节点订阅地址
- VUE元素的隐藏和显示(v-show指令)
- 3月25日 - 最高速度21.4M/S,2025年Nekobox每天更新免费节点订阅地址