场景:AB两个子组件在 父页面中,(我们险别估损信息为A,立案信息为B)
B组件的某个值是和A组件中一样的且A组件值变化B即使监听并渲染.例如:下图总额A组件要把金额传给 B组件的估损金额框,A金额变B也变
金额已经绑定在A组件中
用兄弟传值 把A组件的金额传到B组件的估损金额
1.兄弟组件的语法是。先建一个bus.js文件
import Vue from 'vue'
export default new Vue()
2.在A组件中引入bus.JS
3.把本地的 金额 值传给B组件,我这里是下拉框值变化的时候会触发。
4.为了初始化页面时就及时更新,在created在调用这个方法
5.B组件引入bus.js文件,并在页面初始化时候接受A组件传给的金额值。(我这里用本地的price值去接受传过来的)
6.这时已经接到A组件传过来的值了,在监听这个值如果有变化及时把最新的值赋给本地变量