久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

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

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

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

問題描述

如題:

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

問題解答

回答1:

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 榆社县| 新巴尔虎右旗| 双江| 荃湾区| 儋州市| 子长县| 陇川县| 红安县| 永嘉县| 斗六市| 乐昌市| 秦皇岛市| 吉林省| 岳池县| 永清县| 大悟县| 永宁县| 临澧县| 景泰县| 遵义市| 略阳县| 闸北区| 太康县| 盐津县| 东乡族自治县| 惠安县| 沂源县| 德州市| 南召县| 仙桃市| 德化县| 兴安盟| 五台县| 荔波县| 岳阳市| 保定市| 内江市| 闵行区| 湄潭县| 克山县| 施甸县|