Vue中自定义组件向父组件传值

本文主要是介绍Vue中自定义组件向父组件传值，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

此处使用的是$emit方法，点击按钮会通过自定义Apply()方法，把对应的数据传给父组件

子组件方法定义

			<div slot="header" class="clearfix"><span style="float: left; padding: 2px 0">{{ item.name }}</span><el-buttonstyle="float: right; padding: 2px 0"type="text"@click="Apply(item.name)">申请加入</el-button></div>

子组件方法传值

methods: {Apply(name) {this.$emit('Apply', name);},},

父组件调用

<left-image-card :clubList="clubListData" @Apply="ApplyClub" />

父组件接受方法

 ApplyClub(name) {this.ApplyModule.deptName = name;console.log(this.ApplyModule.deptName);},

结果：

这篇关于Vue中自定义组件向父组件传值的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---