如何在vue中指定checkbox的默认值

时间:2018-04-09 06:43:44

标签: javascript vue.js

伙计们,我想知道一件事是否可能,如下所述 我应该有3件事 前端的插图

     <td><input  type="checkbox" v-model="named[0]></td>
     <td><input  type="checkbox" v-model="named[1]></td>
     <td><input  type="checkbox" v-model="named[2]></td>

   fruit list    | checkbox
   ----------------------------
    apple        | checkbox        -> if this clicked passed true else pass false 
    mango        | checkbox        -> if this clicked passed true else pass false 
      orange     | checkbox        -> if this clicked passed true else pass false 

假设用户单击了apple和orange复选框并单击了提交,则命名的v-model应该具有如下的数组值0:true 1:false 3:true这可能在vue中

1 个答案:

答案 0 :(得分:1)

你好,你可以试试这样的事情

  <input v-model="smoking" true-value="1" false-value="0" type="checkbox">

如果选中复选框,则在同一个数组中得到1 else 0