javascript - vue2如何動態生成checkbox默認選中,獲取數據
問題描述
如題:
<li v-for='item in artistsList'> <img :src='http://www.aoyou183.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是布爾值哦
相關文章:
1. thinkPHP5中獲取數據庫數據后默認選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙2. file_get_contents攜帶cookie獲取數據部署到服務器失效3. angular.js - 獲取數據后總是要有一段$scope.$apply();這段代碼是什么意思呀?4. linux - 網站無法獲取數據5. javascript - 跨域讀取網站接口獲取數據遭遇堵截6. node.js - 用node做爬蟲,循環模擬接口獲取數據,async/await怎么做到同步操作,控制流程?7. node.js - 關于electron主線程與渲染線程通信的問題(Menubar事件如何從渲染線程獲取數據)8. javascript - angular 從后臺獲取數據渲染table,無數據時“暫無數據”9. javascript - 有一個異步獲取數據的函數A,其他依賴這個A得到的數據的函數是否都必須是異步的?10. javascript - 為什么很多網站不斷請求一個空的gif?是為了獲取數據同時避免跨域嗎?
