v-on是 Vue提供的事件绑定机制 缩写是 @ --
使用方法:
<div id="app">
<input type="button" value="按我" @click="function">
</div>
//为该input标签绑定点击事件,点击时调用方法“function”。
<script>
var vm = new Vue({
el: '#app',
data: {},
methods: {
function() {
alert("你好");
}
</script>
事件修饰符:
.stop 阻止冒泡
.prevent 阻止默认事件
.capture 添加事件侦听器时使用事件捕获模式
.self 只当事件在该元素本身(比如不是子元素)触发时触发回调,self 只会阻止自己身上冒泡行为的触发,并不会真正阻止 冒泡的行为
.once 事件只触发一次
Vue.js中v-on的使用方法
猜你喜欢
转载自www.cnblogs.com/xwenbin/p/10372937.html
今日推荐
周排行