分类：多选

2020
10-08

vue实现自定义多选按钮

本文实例为大家分享了vue实现自定义多选按钮的具体代码，供大家参考，具体内容如下图示返回的选中列表是一个数组html部分<!--自定义多选--><divclass="list"v-for="(item,index)inarr":key="index":class="item.ischeck==true?'active':''"@click="sel(index,item)">{{item.val}}</div>js部分 //dataarr:[{val:1,ischeck:false},{val:2,ischeck:false},{val:3,ischeck:false... 继续阅读 >

2020
10-08

vue实现div单选多选功能

vue实现div单选多选功能，供大家参考，具体内容如下单选单选：多选：单选功能DOM层：<divclass="labeloption":class="{checked:ageActive==11}"@click="changeStatus(11)">0-16岁</div><divclass="labeloption":class="{checked:ageActive==12}"@click="changeStatus(12)">17-25岁</div><divclass="labeloption":class="{checked:ageActive==13}"@click="changeStatus(13)">26-35岁</div><divclass="labelopti... 继续阅读 >

2020
10-08

Vue切换div显示隐藏,多选，单选代码解析

切换div显示隐藏1）单个item下的部分dom结构，显示或隐藏切换，不会修改其它同级dom的显示/隐藏templatedom结构<divclass="list-item"v-for="(list,index)injobList"><pclass="job-name">{{list.jobName}}</p><pclass="job-info"><el-checkboxv-model="list.checked"@change="checkOne(index)"></el-checkbox><spanclass="info">{{list.locationDesc}}{{list.minDegreeDes... 继续阅读 >