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

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

javascript - vue2如何動態生成checkbox默認選中,獲取數據

瀏覽:112日期:2022-11-21 11:56:52

問題描述

如題:

<li v-for='item in artistsList'> <img :src='http://www.4tl426be.cn/wenda/item.user_avatar' alt=''> <p> <p>{{item.user_name}}</p> <span>{{item.user_job}}/{{item.user_country}}</span> </p> <label> <input type='checkbox' :value='item.user_id' v-model='userID'> </label></li>data () { return { userID:[], artistsList:[] } },

artistsList在mounted的時候,會自己去加載數據并生成列表,但是想要在input 生成的時候都是checked的狀態,要怎么辦?如果將userID 設置為true 的時候可以,但是當我點擊其中任何一個checkbox的時候都會全部操作,類似與全選取消全選。我的需求如下:1.生成的時候都是默認選中的2.當我選中操作任何一個checkbox的時候,data里面的userId數據都會動態更新。說說吧友們的做法吧

問題解答

回答1:

v-model='item.userID' 就行了,item.userID是布爾值哦

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 91大神新作在线观看 | 中文字幕亚洲精品 | 亚洲人人舔人人 | 成人在线播放网址 | 日韩欧美手机在线 | 天天欧美| 一区二区三区视频在线观看 | 精品无码久久久久久久动漫 | 国产精品久久久亚洲 | 精品三级在线观看 | 欧美在线视频a | 日本午夜在线视频 | 久久精品国产一区二区电影 | 玖玖在线精品 | 超碰超碰| 精品亚洲一区二区三区四区五区 | 国产成人精品网站 | 美女拍拍拍网站 | 亚洲精品乱码8久久久久久日本 | 日韩精品在线一区 | 亚洲国产电影 | 精品一区二区三区在线观看国产 | 夜夜骚| 欧美一级黄色片 | 99精品网 | 男人天堂网址 | 99精品久久久国产一区二区三 | 精品久久国产 | 午夜精品一区二区三区在线 | 国产精品亚洲精品日韩已方 | 毛片.com| 中文字幕视频一区 | 久久久久久久久99 | 久久久视频在线 | 日本不卡一区二区三区在线观看 | 亚洲精品短视频 | 在线免费中文字幕 | 色狠狠一区| 亚洲成人网在线观看 | 超碰成人免费观看 | 国产精品久久久久久久久图文区 |