默认情况下会选中复选框

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>