在本案例中,由于子组件通过调用父组件的方法的方式传参,从而实现修改父组件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; }