平时我们在开发vue,用<component :is='name'>绑定多个组件的时候,怎么给多个组件传值那?而且每个子组件接收的key也不一样,话不多说,上代码。
父组件
<template>
<div class='gpbid'>
<component :is="componentStr" v-on:switchover="switchover"
:[propsName]='noticeObj'></component>
</div>
</template>
<script>
import { gpbidMixin } from "@/components/js/gpbidMixin.js"
export default {
mixins:[ gpbidMixin ],
data () {
return {
propsName: 'dataName',
noticeObj:{a:1}
}
},
created () {
},
methods:{
},
}
</script>
<style scoped>
</style>
子组件
export default {
props: ['dataName'],
data () {
return {
}
},
created() {
console.log(this.dataName) // {a:1}
}
}