项目场景:
项目中有一个需求,通过el-checkbox切换来控制控件的显示和隐藏,同时,切换的状态要上传后台,true为1.false为0
问题描述:
通过v-model去实现业务场景,结果没有效果,
原因分析:
v-model一旦绑定过后,数据类型无法改变,所以无法将boolean转换为1或0
解决方案:
之后通过@change监听时间来实现
handleCheckAllChange (val) {
if (val === true) {
this.$set(this.newFtpConfig, 'readHistory', '1')
} else {
this.$set(this.newFtpConfig, 'readHistory', '0')
}
},
这里需要注意的点,给变量赋值不能直接赋值,要通过 this.$set(this.newFtpConfig, ‘readHistory’, ‘1’)这样的方式才可以被监听到数据变化