解决前端Value should be trueValue or falseValue.

6

国瑞前端(www.huanggr.cn):[Vue warn]: Error in callback for watcher “value”: &#8220…

国瑞前端(www.huanggr.cn):[Vue warn]: Error in callback for watcher “value”: “Value should be trueValue or falseValue.”,这句话表示的就是值应该是真假或者假真,发生这个问题的原因就是请求发送后,我将表单中数据全部清空了,导致该数据找不到值了。

源码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
//html
<i-switch v-model="formData.wormFilterEnable"
  true-value="enable"
 false-value="disable" />

//js
//data
      formData: {
        wormFilterEnable: 'disable'
      }
//methods
    applySubmit () {
     console.log("发送请求")
        this.formData = {}   //这样就会报错  因为找不到wormFilterEnable这个属性了
               
        this.formData = {
          wormFilterEnable: 'disable'    //这样就不会报错了
        }
}

产生问题原因分析:这是由于vue中的数据是双向绑定的,所以当这个属性清除掉了之后找不到该属性了,但是该值必须要有一个默认值,但是清除掉了之后就没有默认值了,所以就报错了,这个细节需要注意一下

作者: huanggr

为您推荐

7

发表评论

电子邮件地址不会被公开。 必填项已用*标注