子组件通过$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;
},
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/79258.html
