Как использовать v-модель с флажком в vue.js?

Question

В vue2 js я хочу использовать флажок с v-моделью.

<input type="checlbox" value="test" :checked="selected"/>

Я хочу, чтобы значение флажка было test, однако я хочу, чтобы 2-стороннее связывание с опорой selected было логическим. Однако вышесказанное делает только 1 способ привязки. Как я могу это исправить?

Спасибо

Answer 1

Просто используйте v-model вместо :checked

new Vue({
  el: '#app',
  data: {
    selected: false
  }
});

<script src="https://unpkg.com/vue@latest/dist/vue.js"></script>
<div id="app">
  <input type="checkbox" value="test" v-model="selected">
  <div>Selected: {{selected}}</div>
</div>