javascript - vue2如何動態產生checkbox預設選中,取得數據
高洛峰
高洛峰 2017-06-10 09:49:17
0
1
1271

如題:

<li v-for="item in artistsList">
       <img :src="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資料都會動態更新。說說吧友們的做法吧

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回覆(1)
巴扎黑

v-model="item.userID" 就行了,
item.userID是布林值哦

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!