vue 页面绑定值不刷新问题

vue 页面绑定值不刷新问题

问题：在使用Vue框架开发时，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值；

原因：此代码块中的v-model应直接绑定“值”，而此处绑定的是“某对象中的值”

例：

<el-input v-model="model[`text`]" />
         

解决方案：
运用 this.$forceUpdate()强制刷新即可

<el-input v-model="model[`text`]"  @input="change"/>


  methods:{
    change(){
      this.$forceUpdate();
    }, 
  }