**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. M e s s a g e . e r r o r ( " " ) ; t h i s . Message.error("已取消操作"); this. emit(“cancelChild”);
},
b,在父组件中嵌套进去:
<PersonnelUpdate @cancelChild=“cancel” >
c,在父组件中接收:
finish() {
this.searchPerson("");//传参到此处,触发父组件中的方法searchPerson("")
},

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

猜你喜欢

转载自blog.csdn.net/qq_42733045/article/details/84646454