首页 > 其他 > 详细

vue:子组件通过调用父组件的方法的方式传参

时间:2020-12-30 11:22:50      阅读:39      评论:0      收藏:0      [点我收藏+]

在本案例中,由于子组件通过调用父组件的方法的方式传参,从而实现修改父组件data中的对象,所以需要啊使用$forceUpdate()进行强制刷新

父组件:


provide() {
return {
selectBase: this.selectBase
};
},

methods: { selectBase(area) {
this.edit.areaId = area.areaId; this.edit.areaName = area.areaName; this.$forceUpdate(); }, }

子组件:

先注入:

inject: ["selectArea"],

再使用

handleSelect(row) {
        const area = {
          areaId: row.areaId,
          areaName: row.areaName
        };
        this.selectArea(area);
        this.dialogFormVisible = false;
}

 

vue:子组件通过调用父组件的方法的方式传参

原文:https://www.cnblogs.com/zwh0910/p/14209749.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!