vue.js怎样移除绑定的点击事件
2个回答
2016-06-11 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
vue.js移除绑定的点击事件的方法：
可以用 v-on 指令监听 DOM 事件：
<div id="example">
<button v-on:click="greet">Greet</button>
</div>
绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法：
var vm = new Vue({
el: '#example',
data: {
name: 'Vue.js'
},
// 在 `methods` 对象中定义方法
methods: {
greet: function (event) {
// 方法内 `this` 指向 vm
alert('Hello ' + this.name + '!')
// `event` 是原生 DOM 事件
alert(event.target.tagName)
}
}
})
// 也可以在 JavaScript 代码中调用方法
vm.greet() // -> 'Hello Vue.js!'
可以用 v-on 指令监听 DOM 事件：
<div id="example">
<button v-on:click="greet">Greet</button>
</div>
绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法：
var vm = new Vue({
el: '#example',
data: {
name: 'Vue.js'
},
// 在 `methods` 对象中定义方法
methods: {
greet: function (event) {
// 方法内 `this` 指向 vm
alert('Hello ' + this.name + '!')
// `event` 是原生 DOM 事件
alert(event.target.tagName)
}
}
})
// 也可以在 JavaScript 代码中调用方法
vm.greet() // -> 'Hello Vue.js!'
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
将绑定点击事件那个方法删除不就可以了么，比如说你在button上绑定了一个点击事件如下：
<input type="button" value="点击" onclick="dj(this);"/>
然后就是js代码里面的
function dj(self){
alert("单击事件响应");
}
上面就是一个完整的单击事件的绑定过程
如果你后面不想要这个单击事件了你就把button里面的onclick去掉就行了呀如下：
<input type="button" value="点击""/>
希望能帮到你
<input type="button" value="点击" onclick="dj(this);"/>
然后就是js代码里面的
function dj(self){
alert("单击事件响应");
}
上面就是一个完整的单击事件的绑定过程
如果你后面不想要这个单击事件了你就把button里面的onclick去掉就行了呀如下：
<input type="button" value="点击""/>
希望能帮到你
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
