Vue 解决 Bus 监听器 $on 多次执行 (详解)

Vue 解决 Bus 监听器 $on 多次执行 (详解)文章概览bus 监听执行一次方法一beforeDestroy () {this.$bus.$off('method')}解析：组件销毁时关闭监听器缺点：存在组件被多个调用，销毁单个组件时，其他调用者无法触发监听方法方法二this.$bus.$once('method')解析：相同监听方法只执行一次方法三create(){this.$

@Forever

5451人浏览 · 2020-06-02 19:15:56

@Forever · 2020-06-02 19:15:56 发布

Vue 解决 Bus 监听器 $on 多次执行 (详解)

文章概览

bus 监听执行一次

方法一

 beforeDestroy () { 
     this.$bus.$off('method')
 }

解析：组件销毁时关闭监听器

缺点：存在组件被多个调用，销毁单个组件时，其他调用者无法触发监听方法

方法二

this.$bus.$once('method')

解析：多次触发相同监听方法，只执行一次

方法三

create(){
this.$bus.$off('method')
}

解析：及时监听及时关闭防止多次执行

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^