av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

Vue + element 實(shí)現(xiàn)多選框組并保存已選id集合的示例代碼

瀏覽:3日期:2023-01-16 13:17:53

Vue + element 實(shí)現(xiàn)列表復(fù)選框并保存已選id集合

1.引用element組件多選框組,checkList為提交后臺(tái)數(shù)據(jù)得數(shù)組,tableData為數(shù)據(jù)源2.初始化tableData集合3.循環(huán)遍歷需要顯示得值4.在多選框組上添加chang事件

tableData: [{ date: ’2016-05-02’, name: ’王小虎’, address: ’上海市普陀區(qū)金沙江路 1518 弄’ }, { date: ’2016-05-04’, name: ’王小虎’, address: ’上海市普陀區(qū)金沙江路 1517 弄’ }, { date: ’2016-05-01’, name: ’王小虎’, address: ’上海市普陀區(qū)金沙江路 1519 弄’ }, { date: ’2016-05-03’, name: ’王小虎’, address: ’上海市普陀區(qū)金沙江路 1516 弄’ }]

<el-checkbox-group v-model='checkList' @change='ch'> <div v-for='(c,index) in tableData' :key='index'> <el-checkbox :label='c.date'>{{c.date}}</el-checkbox> </div> </el-checkbox-group>

ch(){ console.log(this.checkList) },

Vue + element 實(shí)現(xiàn)多選框組并保存已選id集合的示例代碼

需要反顯得話 只要后臺(tái)將與:label對(duì)應(yīng)得字段用數(shù)組返回即可

總結(jié)

到此這篇關(guān)于Vue + element 實(shí)現(xiàn)多選框組并保存已選id集合的示例代碼的文章就介紹到這了,更多相關(guān)vue element 多選框組內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 91传媒在线观看 | 免费的黄色片子 | 国产精品美女久久久久久免费 | 久久大| 99pao成人国产永久免费视频 | 亚洲精品日韩一区二区电影 | 精品成人佐山爱一区二区 | 在线看91 | 亚洲精品在线看 | 色婷婷综合久久久中文字幕 | 日本不卡高字幕在线2019 | 97人人干| 欧美日韩黄 | 热久久999 | 久久高清| 精品视频一区二区三区四区 | 久久网国产 | 日韩一区二区在线视频 | 一区二区免费高清视频 | 国产一区二区三区四区区 | 日韩成人精品一区 | 国产精品久久久久久久久久久久午夜片 | 三级成人在线 | 97av | 人人看人人搞 | 欧美日本一区 | 国产重口老太伦 | 中文字幕成人网 | 日韩在线观看中文字幕 | 日韩在线成人 | 欧美日韩在线高清 | 久热精品免费 | av看片网站| 九九久久免费视频 | 国产精品区一区二区三 | 国产精品国产a级 | 日本黄色一级片视频 | av影音 | 色在线看 | 久久国产精品视频 | 成人福利在线视频 |