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;
}