項(xiàng)目場景：

項(xiàng)目中有一個(gè)需求，通過el-checkbox切換來控制控件的顯示和隱藏，同時(shí)，切換的狀態(tài)要上傳后臺，true為1.false為0

問題描述：

通過v-model去實(shí)現(xiàn)業(yè)務(wù)場景，結(jié)果沒有效果，

原因分析：

v-model一旦綁定過后，數(shù)據(jù)類型無法改變，所以無法將boolean轉(zhuǎn)換為1或0

解決方案：

之后通過@change監(jiān)聽時(shí)間來實(shí)現(xiàn)

   handleCheckAllChange (val) {
      if (val === true) {
        this.$set(this.newFtpConfig, 'readHistory', '1')
      } else {
        this.$set(this.newFtpConfig, 'readHistory', '0')
      }

    },

這里需要注意的點(diǎn)，給變量賦值不能直接賦值，要通過 this.$set(this.newFtpConfig, ‘readHistory’, ‘1’)這樣的方式才可以被監(jiān)聽到數(shù)據(jù)變化