VUE事件赋值，第一次赋值不成功

VUE事件赋值，第一次赋值不成功

问题：调用change事件，第一次给字段赋值没有效果，或者点击其他输入框在赋值成功

解决方案：vue强制更新数据 $forceUpdate() 或 this.$set()

方法一：$forceUpdate() 全局强制刷新 （不推荐）

使用方法：

input( ) {
  // vue2的引擎这种数组下标去改变数据的时候视图不会刷新
  this.arr[0]= 10000
    console.log(this.arr)
    // vue2知道自己的bug 全局提供给所有实例了 一个方法 
    // $forceUpdate()  可以让算法重新计算 刷新更新页面 
    this.$forceUpdate()
}

方法二：this.$set() 指向性强制刷新 （推荐）

使用方法：

比如有一个model对象

model: { name: ‘’ , age: ‘’ }

使用this.$set(object, index, new) 给年龄赋值14

this.$set( this.model , ‘age’, 14 )

参数一：你要改变的数组或对象 ， eg：this.model
参数二：下标，或者元素名称， eg: age
参数三：得到的新的值 ， eg: 14

    // 获取税率
    getTaxRate(value) {
      getAction('/finance/billTax/getTaxRate', { billType: value }).then((res) => {
        if (res.success) {
          
          console.log("税率： " + res.result.taxRate);
          // this.model.taxRate = res.result.taxRate  此赋值方式可能会出现以上的问题
          // 所以使用 this.$set() 来赋值  
          this.$set(this.model, 'taxRate', res.result.taxRate)

        }
      })
    },

取自