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

在本案例中,由于子组件通过调用父组件的方法的方式传参,从而实现修改父组件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;
}
原文地址:https://www.cnblogs.com/zwh0910/p/14209749.html