Флажок установлен по умолчанию

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>