vue elementui checkbox第一次点击选不中的问题

问题描述：

使用vue2.0 elementUI el-checkbox 偶尔出现页面上的checkbox框样式没选中，但是用change检测该checkbox值得时候发现实际上值已经显示被选中了，~~~

报错：expected array or number,got string......

解决方案：

把v-model="XXX"改为:checked="XXX"就好了

如果是选中，给后端传1，未选中传0

<el-form-item class="flexBet item"><label class="txt">是否自驾</label><el-checkbox @change="changeC" :checked="userListForm.self_driving==1?true:false"></el-checkbox>
</el-form-item>

methods里面：change事件当checkbox值发生变化时触发

changeC(val){//val=true或falsethis.userListForm.self_driving = val;
},

传给后端：params.self_dring =1 或者是0

 vm.userListForm.self_driving == true ? params.self_driving =1 : params.self_driving = 0;

vue elementui checkbox第一次点击选不中的问题相关推荐

vue+elementui中，el-select多选下拉列表中，如何同时获取:value和:label的值？
大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂. 项目场景: 正如题目所说,今天在项目过程中遇到了个需求,因为需要在前台展示运动员的名称,但是运动员的编号在别的地方还需要使用,所以想了想,还是将编 ...
vue function (i)第一次点击不执行_vue下$nextTick及原理浅析
vue->$nextTick 引用官方的话:为了在数据变化之后等待 Vue 完成更新 DOM ,可以在数据变化之后立即使用 Vue.nextTick(callback) ex1 <div& ...
Vue Element-ui table隐藏表头勾选框，多选框改单选框
在table中添加class = "table-style" 在style里添加样式 .table-style /deep/ .el-table-column--selectio ...
VUE + Element-ui 按住Shift实现多选
1.效果图 2.首先,我们要在Element table组件中写一个事件@select = "pinSelect" 这里添加Element组件 table的触发事件@select ...
VUE + ElementUI实现下拉多选
1.HTML <el-col :span="24"><el-form-item label="学院" prop="college&q ...
vue 带全选和多选的表格怎么写_vue+element-ui里面table组件多选框实现批量操作
vue+element-ui里面table组件多选框实现批量操作有时候人不是被困难难倒的,是被自己蠢哭的...官方文档用到某个地方的时候,才感觉对这个方面的理解才会加深一点,还是要记录一下这个地方! ...
vue+elementUI实现日期快选组件
如下图,利用 vue+elementUI 实现一个日期快选的组件. 在这引用 dateUtil.js 工具包,参考: https://blog.csdn.net/weixin_43930421/art ...
vue element-ui Radio单选框默认值选不中的原因：混用字符和数字
总结: : label="1",表示label的值应为数字1 label="1",表示label的值应为字符串1 **问题描述:**在写编辑信息弹窗时,性别的值 ...
elementui树形复选框,element-ui checkbox 组件的树形联动
前言示例版本为 Element-ui 2.13.0 + Vue 2.6.11 最近想弄 Element-ui checkbox 的多级联动,网上相关的例子大多数为二级联动,自己研究了一下,弄了一个树 ...

vue elementui checkbox第一次点击选不中的问题

vue elementui checkbox第一次点击选不中的问题相关推荐

最新文章

热门文章