网站建设需求分析调查表,北京朝阳区居家办公,便民信息免费发布平台,花蝴蝶韩国免费视频一、场景描述
上一节#xff0c;我们学习了#xff0c;自定义事件绑定到组件上。 现在#xff0c;我们学习下#xff0c;给组件解绑自定义事件的几种方法。
首先#xff0c;我们试想一下#xff0c;这个功能的适用场景#xff1f; 一般同学都会想#xff0c;解绑我们学习了自定义事件绑定到组件上。 现在我们学习下给组件解绑自定义事件的几种方法。
首先我们试想一下这个功能的适用场景 一般同学都会想解绑那就注释掉代码就是了呗。 这个办法也可以但是不好因为每次都要修改代码。
现在我们实现通过按钮从页面上给事件解绑。 此时我们就可以在后台管理系统上对整个项目的组件进行事件管理。而无需更新代码。
二、解绑自定义事件
给Student组件解绑 方式1推荐 methods函数 unbind(){this.$off(test) //解绑一个自定义事件this.$off([test,demo]) //解绑多个自定义事件this.$off() //解绑所有的自定义事件},方式2 销毁vc methods函数 death(){//此处的this是Student组件的vc实例this.$destroy() //销毁了当前Student组件的实例销毁后所有Student实例的自定义事件全都不奏效。}方式3禁用 销毁vm main.js中
new Vue({el:#app,render: h h(App),mounted() {setTimeout((){this.$destroy() //此处的this是vm},3000)}
})三、总结
解绑那个组件上的事件就在该组件上编写解绑代码。
