标签：Vue keyword bus clear 总线 传递信息 全局 store

在 入口文件 main中引入bus

new Vue({
  render: h => h(App),
  //注册路由
  router,
  //注册store
  store,
  //配置全局总线
  beforeCreate() {
    Vue.prototype.$bus = this
  },
}).$mount('#app')

在需要调用传递的函数中 声明要调用的 bus名称

methods:{
    removeKeyWord(){
      this.searchParams.keyword = undefined;
      this.goData();
      this.$bus.$emit("clear")
    }
}

在接受信息的地方配置调用函数

  mounted() {
    this.$bus.$on("clear",()=>{
        this.keyword=''
      }
    )
  },

标签：Vue,keyword,bus,clear,总线,传递信息,全局,store
来源： https://www.cnblogs.com/xiaobo95/p/16633263.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。