Vue.js实现checkbox多选
我要做一个当对选的时候数据放入到一个数组中,或者将对象放到数组中,在vue的时候实现CheckBox的多选,value中的值就是要push到数组中的值,而v-model中的就是数组<input type="checkbox" id="111" value="111" v-model="checkedNames"><input type="checkbox" id...
·
我要做一个当对选的时候数据放入到一个数组中,或者将对象放到数组中,
在vue的时候实现CheckBox的多选,value中的值就是要push到数组中的值,而v-model中的就是数组
<input type="checkbox" id="111" value="111" v-model="checkedNames">
<input type="checkbox" id="222" value="222" v-model="checkedNames">
<input type="checkbox" id="333" value="333" v-model="checkedNames">
elementui 这样就可以选择传的值并且傍边都显示中文
<li v-for="ele in item.children" :key="ele.id" style=" width: 83px;">
<el-checkbox
id="elcheckbox"
@change.self=" ele.checked = !ele.checked; "
v-model="checkList"
:checked="ele.checked"
:label="ele.JDDYID"
style
></el-checkbox>
<span class="name">{{ ele.JDMC }}</span>
</li>
#elcheckbox>.el-checkbox__label {
display: none;
}
#elcheckbox,
.el-checkbox:last-of-type {
margin-right: 5px !important;
}
更多推荐
已为社区贡献23条内容
所有评论(0)