今天就跟大家聊聊有关怎么在vue中使用v-onclick="函数",可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的同江网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
v-on:click/mouseout/mouseover/dblclick/mousedown.....
事件:
v-on:click="函数"
v-on:click/mouseout/mouseover/dblclick/mousedown.....
new Vue({ el:'#box', data:{ //数据 arr:['apple','banana','orange','pear'], json:{a:'apple',b:'banana',c:'orange'} }, methods:{ show:function(){ //方法,这里是show,不能用alert alert(1); } } });
实例:为data添加数据
www.jb51.net 为data添加数据
- {{value}}
运行效果:
实例:点击按钮,div显示/消失,切换。v-show="a"
www.jb51.net 点击按钮,div显示/消失,切换。v-show="a"
实例:vue简易留言本
www.jb51.net vue简易留言本
用户信息表 序号 名字 年龄 操作 {{index+1}} {{item.name}} {{item.age}} 暂无数据....
确认删除么?
运行效果:
看完上述内容,你们对怎么在vue中使用v-onclick="函数"有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。