javascript - vue.js怎样移除绑定的点击事件？

Question

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

Answer 1

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

Answer 2

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.

Answer 3

vm.$off( [event, callback] )

参数：

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

删除事件监听器。

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

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

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

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

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

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

Answer 4

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

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

Answer 5

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

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

Answer 6

现在我的处理方式是:

   <p @click="flag && clickEvent()"></p> 

加上一个标志位来控制点击事件是否能触发.