美文网首页
vue 子组件向父组件传递多个参数

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

作者: Cideal | 来源:发表于2020-06-25 14:46 被阅读0次

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

相关文章

  • vue $emit 传递多个参数

    $emit 传递一个参数子组件: 父组件: $emit传递多个参数子组件: 父组件:

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • Vue中$emit传递一个或多个参数

    $emit传递一个参数时 子组件: 父组件: $emit传递多个参数时 子组件: 父组件:

  • 使用$emit传递多个参数

    $emit传递一个参数时、 子组件: 父组件: $emit传递多个参数时 子组件: 父组件:

  • vue父子组件传递数据方法

    标签(空格分隔): vue 父组件向子组件传递数据 Vue中父组件向子组件传递数据用props 举个例子 父组件中...

  • react组件

    父子组件传值 父→子 父组件通过属性的形式向子组件传递参数子组件通过props接受父组件传递过来的参数注:父组件向...

  • 19.ReactNative组件间的通信

    父组件向子组件通信: 父组件向子组件传值 通过props传递 在父组件中name='我是父组件向子组件传递的参数'...

  • ReactNative组件间的通信

    父组件向子组件通信 父组件向子组件传值 通过props传递 在父组件中name='我是父组件向子组件传递的参数' ...

  • 父子组件

    父组件通过属性的形式向子组件传递参数子组件通过props接受父组件从传递过来的参数

网友评论

      本文标题:vue 子组件向父组件传递多个参数

      本文链接:https://www.haomeiwen.com/subject/qbysfktx.html