子组件向父组件传递
子组件
<van-button @click="toView">上一步</van-button>
toView() {
this.$emit('to-view', 1) //1为传递的参数
},
父组件
<index-bus @to-view="toView"></index-bus>
toView(view) {
this.moent = view //view为子组件传递过来的参数
},
兄弟之间传递
创建bus.js文件为中间传递者
// bus.js
// eslint-disable-next-line import/newline-after-import
import Vue from 'vue'
export default new Vue()
子组件传递
//import 引入
import Bus from '@/utils/bus'
export default {
methods: {
onSubmit() {
Bus.$emit('indexBus', this.fome, this.fome1) //使用$emit传递
},
}
}
兄弟组件接收
//import 先引入该方法
import Bus from '@/utils/bus.js'
export default {
methods: {
onSubmit() {
Bus.$on('indexBus', (viewFome) => { //使用$on接收
this.bus = viewFome //viewFome为子组件传递过来的参数
})
},
}
}