el-checkbox 状态切换，将boolean转换成1遇到的问题

本文主要是介绍el-checkbox 状态切换，将boolean转换成1遇到的问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

项目场景：

项目中有一个需求，通过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’)这样的方式才可以被监听到数据变化

这篇关于el-checkbox 状态切换，将boolean转换成1遇到的问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---