**Vue父子组件之间传值:*

本文详细介绍了Vue.js中父子组件间的通信方式,包括父组件向子组件传递数据的方法及子组件如何通过事件向父组件发送数据。适用于Vue初学者理解和实践组件间的数据交互。

初学者总结。Vue父子组件之间传值:
1.父组件到子组件的传值:
a,父组件引入组件并注册完成:
import PersonnelUpdate from “./PersonnelUpdate”;
export default {
components: { PersonnelUpdate },
data() {
return {
pergroupListname: {},
}
}
}
b,在引用的位置应用:(groupPerName在子组件中接收的变量,pergroupListname父组件中的变量)

c,在子组件中接收:
export default {
props: [“modes”, “groupPerName”, “groupPerId”],

2.子组件到父组件的传值:
a,点击时触发一个方法传值到父组件:
cancelBtn() {
this.Message.error("已取消操作");this.Message.error("已取消操作"); this.Message.error("");this.emit(“cancelChild”);
},
b,在父组件中嵌套进去:
<PersonnelUpdate @cancelChild=“cancel” >
c,在父组件中接收:
finish() {
this.searchPerson("");//传参到此处,触发父组件中的方法searchPerson("")
},

注:如有不妥之处望留言指正!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值