vue 父传子的key动态变化

最新推荐文章于 2024-03-28 17:29:36 发布

就是个名称

最新推荐文章于 2024-03-28 17:29:36 发布

阅读量309

点赞数 1

分类专栏： javascript 文章标签： vue js

本文链接：https://blog.csdn.net/weixin_43845059/article/details/117524060

版权

javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

平时我们在开发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}
    
    
  }
}