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

您的位置:首頁技術文章
文章詳情頁

Vue + element 實現多選框組并保存已選id集合的示例代碼

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

Vue + element 實現列表復選框并保存已選id集合

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

tableData: [{ date: ’2016-05-02’, name: ’王小虎’, address: ’上海市普陀區金沙江路 1518 弄’ }, { date: ’2016-05-04’, name: ’王小虎’, address: ’上海市普陀區金沙江路 1517 弄’ }, { date: ’2016-05-01’, name: ’王小虎’, address: ’上海市普陀區金沙江路 1519 弄’ }, { date: ’2016-05-03’, name: ’王小虎’, address: ’上海市普陀區金沙江路 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 實現多選框組并保存已選id集合的示例代碼

需要反顯得話 只要后臺將與:label對應得字段用數組返回即可

總結

到此這篇關于Vue + element 實現多選框組并保存已選id集合的示例代碼的文章就介紹到這了,更多相關vue element 多選框組內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: Vue
相關文章:
主站蜘蛛池模板: h视频在线播放 | 日韩午夜激情 | 一区二区日本 | 成人毛片网站 | 日本一区二区三区四区 | 久久成人高清视频 | 久久精品久久久久久 | 欧美最猛性xxxxx亚洲精品 | 激情免费视频 | 午夜伦4480yy私人影院 | 在线视频 欧美日韩 | 欧美成人激情 | 久久久久国产一区二区三区四区 | 久久久久久久久久久久亚洲 | 青青草一区 | 日本精品一区二区三区视频 | 亚洲一二三视频 | 亚洲一区二区av在线 | 国产成人久久精品一区二区三区 | 日韩免费福利视频 | 欧美一区免费在线观看 | 九七午夜剧场福利写真 | 在线国产欧美 | 91精品久久久久久久久中文字幕 | 色婷婷综合久久久中字幕精品久久 | 密室大逃脱第六季大神版在线观看 | 日美女逼逼 | 国产精品久久视频 | 国产一在线 | www.亚洲成人网 | 国产成人影院 | h视频免费观看 | 国产一区成人 | 亚洲精品视 | 欧美日韩一区二区三区四区五区 | 91精品久久久久久久久中文字幕 | 99精品国产一区二区三区 | 中文字幕在线视频观看 | 日韩国产三区 | 91av精品 | 久久男人天堂 |