vue 子组件向父组件传递多个参数

this.$emit('事件名',[a,b,c...]) // a,b,c... 是父组件内接收的实参

<!-- 子组件中定义goToDetail 事件 -->
 <div class="good" v-for="(item, index) in goodsList" :key="index"
             :goodsID="item.goodsID" goodstype="" 
             :style="{backgroundColor: backgroundColor}"
             @click="goToetail(item)">
                <img class="good-img" :src="item.headPic">
  </div>
methods: {
    goToDetail(item){
        this.$emit("goToDetail",[item,111,222])
    },
 },

<!-- 父组件 接收goToDetail-->
<Goods @goToDetail="goToDetail"/>
<!-- 父组件 methods 中定义一下-->
methods: {
  goToDetail(item,a,b){
      console.log(item,a,b)
  },
}
image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。