vue兄弟组件之间方法调用
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue兄弟组件之间方法调用相关的知识，希望对你有一定的参考价值。
参考技术A 方法一：父组件 index.vue 中含有两个兄弟组件 business.vue 及 detail.vue
当 business.vue中主协办分配选择完成后 需要刷新 detail.vue中的数据
在父组件中 的 business.vue组件上 定义触发的方法 <business @updateDate='updateDate'></business>
在父组件中 的 detail.vue组件上 定义触发的方法 < detail.vue ref='detail'></detail>
在兄弟组件中 主协办分配选择完成后showUserAssignData方法去触发父组件 index.vue的updateDate方法
在父组件中 updateDate方法去触发detail.vue组件中刷洗数据的方法
方法二：采用公共bus方法---js方法
第二个子组件需要调用第二个子组件方法
在main.js中 注册一个公共实例并绑定到原型上
Vue.prototype.$bus = new Vue()
在第一个子组件中注册一个方法 在created 或者mounted中注册
在兄弟组件中触发该方法
以上是关于vue兄弟组件之间方法调用的主要内容，如果未能解决你的问题，请参考以下文章
uniapp和vue组件之间的传值方法（父子传值，兄弟传值，跨级传值，vuex）