Question

我开始学习vue js。

我有一个复选框：

<input type="checkbox" value="users" class="pull-right" v-model="user.permissions">
<input type="checkbox" value="edit user" v-model="user.permissions">
<input type="checkbox" value="add user" v-model="user.permissions">

每当我选中此复选框时，就会将数据存储在user.permissions上。

user:{
    permissions: []
},

有没有一种方法可以默认检查特定复选框？我试图绑定:checked="isTrue"，但是什么也没发生。

此选项应默认选中

<input type="checkbox" value="users" class="pull-right" v-model="user.permissions">

Answer 1

将users添加为user.permissions数组的第一个元素。

new Vue({
  el: '#app',
  data: {
    user: {
      permissions: ['users']
    },
  },
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>

<div id="app">
  <input type="checkbox" value="users" class="pull-right" v-model="user.permissions">
  <input type="checkbox" value="edit user" v-model="user.permissions">
  <input type="checkbox" value="add user" v-model="user.permissions">
</div>

复选框默认为选中状态

1 个答案: