国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

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

javascript - vue2如何動態(tài)生成checkbox默認選中,獲取數(shù)據(jù)

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

問題描述

如題:

<li v-for='item in artistsList'> <img :src='http://www.intensediesel.com/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的時候,會自己去加載數(shù)據(jù)并生成列表,但是想要在input 生成的時候都是checked的狀態(tài),要怎么辦?如果將userID 設置為true 的時候可以,但是當我點擊其中任何一個checkbox的時候都會全部操作,類似與全選取消全選。我的需求如下:1.生成的時候都是默認選中的2.當我選中操作任何一個checkbox的時候,data里面的userId數(shù)據(jù)都會動態(tài)更新。說說吧友們的做法吧

問題解答

回答1:

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 唐河县| 霍山县| 柘荣县| 湖口县| 南雄市| 和静县| 邓州市| 富阳市| 克什克腾旗| 福清市| 新郑市| 萍乡市| 衡阳市| 海淀区| 开封县| 万安县| 习水县| 三都| 临沭县| 卢龙县| 杭州市| 漠河县| 卫辉市| 根河市| 阿拉善右旗| 定结县| 大姚县| 凤庆县| 江永县| 增城市| 十堰市| 中西区| 巫溪县| 图们市| 阳原县| 磐石市| 长寿区| 宁晋县| 蕲春县| 临沭县| 宜春市|