搜尋

首頁  >  問答  >  主體

javascript - vue2如何動態產生checkbox預設選中,取得數據

如題:

<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資料都會動態更新。說說吧友們的做法吧

高洛峰高洛峰2780 天前1342

全部回覆(1)我來回復

  • 巴扎黑

    巴扎黑2017-06-10 09:51:17

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

    回覆
    0
  • 取消回覆