使用vue的provide和inject来实现局部刷新

场景：

做的功能又变更需求了￣へ￣

---

描述：

新增设置页面，通过"设置"页面设置的参数，保存成功后，修改表头的title,百分号前面的数字是根据"设置"来变动的！

---

分析：

首先想到的是局部刷新，然后怎么刷新呢？

---

方案：

使用vue的provide和inject

作用:用于父组件向子孙组件传递数据

使用方式:

父页面组件定义方式：

 export default {
    name: "App",
    provide (){
      return {
        columns: this.columns//将表头columns传递到子页面
      }
    }
 }

子页面组件接收方式：

export default {
  inject:['columns']
}

在保存方法成功处修改title的值：

getTitle(){
        postAction('/landAuctionDetailed/getTitle').then((res) => {
          let { code, data, msg } = res
          if (code == 200) {
            this.columns[15].title='预估售价（'+data.estimatedSellingPrice1+'%利润率）';
            this.columns[16].title='预估售价（'+data.estimatedSellingPrice2+'%利润率）';
          }
        })
      }

大功告成(＾－＾)