初学者总结。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.
emit(“cancelChild”);
},
b,在父组件中嵌套进去:
<PersonnelUpdate @cancelChild=“cancel” >
c,在父组件中接收:
finish() {
this.searchPerson("");//传参到此处,触发父组件中的方法searchPerson("")
},
注:如有不妥之处望留言指正!!!