Vue-click事件
来源:互联网 发布:上海峰途网络 编辑:程序博客网 时间:2024/06/05 19:41
Vue-click事件(此外事件还有mouseover,mouseout,dblclick,mousdown...):
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(){ //方法
alert(1);
}
}
});
<div id="box">
<input type="button" value="按钮" v-on:click="show()">
</div>
实例(vue点击添加)
<script>
window.onload=function(){
new Vue({
el:'#box',
data:{ //数据
arr:['apple','banana','orange','pear'],
json:{a:'apple',b:'banana',c:'orange'}
},
methods:{
add:function(){
this.arr.push('tomato');
}
}
});
};
</script>
<divid="box">
<inputtype="button"value="按钮"v-on:click="add()">
<br>
<ul>
<liv-for="value in arr">
{{value}}
</li>
</ul>
</div>
- Vue-click事件
- vue绑定click事件
- vue中阻止click事件冒泡,防止触发另一个事件
- vue.js的事件处理器v-on:click
- vue click.stop阻止点击事件继续传播
- click事件
- click事件
- vue调用jquery click
- vue2.x---vue-router如何在router-link标签绑定click点击事件、keyup、change等事件
- Click事件传送参数
- Button Click事件追踪
- 添加click事件
- JqPlot增加Click事件
- JavaScript click事件深入
- JavaScript click事件深入
- jquery 绑定click事件
- android click事件
- FireFox模拟click事件
- 软件历史知识
- 根据时间生成唯一ID
- 虚拟机通过NAT上外网
- bnrfjxtdlrjxdrp
- 栈的push、pop 序列
- Vue-click事件
- 交通部道路运输车辆卫星定位系统部标JTT808、809、796标准大全
- 一条基本的python + appium测试用例
- wxpython类似TK中的label frame实现
- fjrpjhhxrvrrjjt
- vue的单击隐藏、双击出现事件:
- 关于JAVA类的反射理解
- VUE冒泡及阻止冒泡
- 一条基本的selenium+python用例