首页 > vue.js怎样移除绑定的点击事件?

vue.js怎样移除绑定的点击事件?

使用v-on:click绑定的事件如何移除


http://cn.vuejs.org/api/#destroyed

http://cn.vuejs.org/guide/events.html#u4E3A_u4EC0_u4E48_u5728_HTML__u4E2D_u76D1_u542C_u4E8B_u4EF6_3F


移除v-on不符合vue的思维模式 可以参考文章 ->

http://www.angularjs.cn/A0bz


vm.$off( [event, callback] )

参数:

{String} [event]
{Function} [callback]
用法:

删除事件监听器。

如果没有参数,则删除所有的事件监听器;

如果只提供了事件,则删除这个事件所有的监听器;

如果同时提供了事件与回调,则只删除这个回调。

http://cn.vuejs.org/api/#vm-off

上述方法没有办法,解除dom上直接绑定的事件,

可以多设置一个变量,来搞定,如果为true,直接return,不执行。 其他办法再想想。


vm.$off( [event, callback] )

vm.$off( [event, callback] )

Arguments:

{String} [event]
{Function} [callback]
Usage:

Remove event listener(s).

If no arguments are provided, remove all event listeners;

If only the event is provided, remove all listeners for that event;

If both event and callback are given, remove the listener for that specific callback only.


angular中只要把$scope.addClick重新赋值就可以了,你也可以试试动态绑定组件的方法吧,

if(flag){
    vm.addClick = ()=>{
        //写操作
    }
}else{
    vm.addClick = ()=>{
        //只是个空方法
    }
}

我也有同样的疑问,但是发现文档和网上都找不到答案,貌似没有提供解绑函数,
最后采用了v-if解决:
<button v-if="!unbind" v-on:click="addClick">点击</button>
<button v-else >点击</button>

然后在data里添加unbind=false属性,需要解绑的时候将其设置为true

【热门文章】
【热门文章】