本文主要是介绍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遇到的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!