父组件:
<el-dialog title="" @close="refresh" :visible.sync="userRoleVisible" @open="showAuthEvent">
<user-role-panel ref="authPanel"></user-role-panel>
</el-dialog>
:标签是根据子组件的名称按驼峰命名中间用‘-’隔开。
import userRolePanel from './userrole';//引入子组件
export default {
name: 'userList',
components: {userRolePanel},//注册组件
methods: {
parentCall () {
//authPanel <user-role-panel>标签中ref的值
this.$refs.authPanel.init(
this.tempData.userName,
this.tempData.userId,
this.tempData.roleIds);
}
}
}
子组件:
export default {
name: 'userRole',
data() {
return {
tempData: {
userId: undefined,
userName: undefined,
userRole: undefined
}
}
methods: {
init(uname, uid, rid) {
userId: uid,
userName: uname,
userRole: rid
};
}
}