javascript - vuejs的$emit如何在父组件中自己添加参数。

查看:110
本文介绍了javascript - vuejs的$emit如何在父组件中自己添加参数。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

在子组件中(即ele-component组件):
this.$emit('getAttrObj', this.attrObj),
在父组件中:
<ele-component v-for="(component,index) in componentArray" @getAttrObj="getAttrObj"></ele- component>
methods: {

 getAttrObj (attrObj, index) {
   
 }

}
那么父组件中可以拿到this.attrObj这个参数,然而除此之外还需要那个index来作为方法的参数(在对象在数组中的序号),虽说可以先传给子组件,再让子组件传回来,不过感觉有点费劲。
请问是否能够直接在父组件中进行传值而不覆盖子组件传上来的this.attrObj呢?(就是在父组件中将index传入给getAttrObj方法)

解决方案

@getAttrObj="getAttrObj($event, index)">

这篇关于javascript - vuejs的$emit如何在父组件中自己添加参数。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆