vue中跨组件传参方式详解

2022年6月2日09:46:48

使用$ bus解决问题

至于 $ bus的底层是什么我也不清楚,好像是根据发布订阅模式形成的
首先在main.js
将 $ bus绑定到vue的原型上再创建一个实例
Vue.prototype.$bus = new Vue()
然后在兄弟组件中使用
this. $bus. $emit(‘change’)向另一个组件派发自定义事件
vue中跨组件传参方式详解vue中跨组件传参方式详解

vue中跨组件传参方式详解
然后在另一个组件中使用this.$ bus. $on(‘change’)自定义事件名必须一致,然后在这里面写相应的操作

使用vuex解决

例如:
首先在组件中获取想要的到的参数
this.$store.state.a.isShow
然后在另一个组件的点击事件中修改
change () {
this. $ store.state.a.isShow = !this.$store.state.a.isShow
}

  • 作者:web夏目贵志
  • 原文链接:https://blog.csdn.net/weixin_43961899/article/details/100657440
    更新时间:2022年6月2日09:46:48 ,共 338 字。