子组件通过$emit()向父组件传递数据
子组件点击确认按钮 从接口中获取到data 更新父组件的值
效果图:
子组件 输入密码 点击确认 获取到data 更新父组件值
实现代码:
子组件中的确认按钮 方法
// debug模式 弹框确认密码
onDebugConfirm() {
let data = {
debugPwd: this.debugPwd,
};
toDebugModel(data).then((res) => {
console.log(res);
if (res.code === 0) {
this.$infoMsg.showInfoMsg(res.msg, this);
this.$emit("getDebugModel", res.data); //发送getDebugModel事件,并且传递 res.data
this.debuggVisible = false;
} else {
this.$infoMsg.showErrorMsg(res.msg, this);
}
});
},
父组件接收值
<changePassDialog
ref="changePass"
v-if="changePassVisible"
@getDebugModel="getDebugModel"
/>
// 接收子组件传过来的值
getDebugModel(val) {
console.log(val, this.userForm.debugPwd);
this.userForm.debugPwd = val;
},