成人视屏在线观看-国产99精品-国产精品1区2区-欧美一级在线观看-国产一区二区日韩-色九九九

您的位置:首頁技術(shù)文章
文章詳情頁

vue實現(xiàn)自定義多選按鈕

瀏覽:4日期:2023-01-07 08:11:41

本文實例為大家分享了vue實現(xiàn)自定義多選按鈕的具體代碼,供大家參考,具體內(nèi)容如下

圖示

vue實現(xiàn)自定義多選按鈕

返回的選中列表是一個數(shù)組

html部分

<!-- 自定義多選 --> <div v-for='(item,index) in arr' :key='index' : @click='sel(index,item)'>{{item.val}}</div>

js部分

//data arr:[ { val:1, ischeck:false }, { val:2, ischeck:false }, { val:3, ischeck:false }, { val:4, ischeck:false }, { val:5, ischeck:false }, { val:6, ischeck:false } ], selarr:[], //methodssel(index,item){ let arr=[...this.arr]; let selarr=[...this.selarr]; if(arr[index].ischeck==false){ arr[index].ischeck=true; selarr.push(item) }else{ arr[index].ischeck=false; var index11=selarr.indexOf(index) selarr.splice(index11,1) } this.arr=arr; this.selarr=selarr; },

樣式

.list{ width: 100%; line-height: 30px;} .list.active{ background: pink;}

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 性欧美欧美之巨大69 | 9191精品国产观看 | 在线播放成人高清免费视频 | 色综合久久综合 | 美女网站在线 | 成人a毛片一级 | 免费黄色成人 | 黄黄的网站在线观看 | 国产日韩在线播放 | 91黑丝国产线观看免费 | 91精品免费国产高清在线 | 精品国产三级a在线观看 | 欧美高清在线精品一区 | 欧美在线香蕉在线现视频 | 一区二区三区中文国产亚洲 | 久久99爱视频 | 91成人软件 | 三级全黄视频 | 国外精品视频在线观看免费 | 国产精品欧美一区二区在线看 | 欧美激情综合亚洲一二区 | 国产精品久久久久三级 | 成人三级网址 | 日韩字幕一中文在线综合 | 男人都懂的网址在线看片 | 国产成人免费手机在线观看视频 | 成人在线播放 | 日本特级淫片免费 | www.91免费视频 | fc2在线播放| 天干夜天天夜天干天ww | 九九九国产视频 | 日韩三级中文 | 久草热在线观看 | 亚洲精品一区二三区在线观看 | 欧美videos娇小 | 欧美 日韩 国产在线 | 日本天堂网在线观看 | 中国成人在线视频 | 国产三级小视频在线观看 | 久久国产精彩视频 |