Связывание флажка с элементом списка в Vue.js

Question

У меня есть элемент списка Scholarship в Sharepoint типа "Да / Нет (флажок)".

Итак, я создалфлажок через Vue.js:

<div class="row">
       <div class="d-inline col-lg-6 col-md-6 col-sm-6">
          <b>Scholarship Player</b>
       </div>
       <div class="d-inline col-lg-6 col-md-6 col-sm-6"> {{ this.players.Scholarship }} 
          <input type="checkbox" id="checkbox" v-model="Scholarship"> </div>
       </div>

У меня проблема в том, что он показывает мне флажок и рядом с ним "true",Когда я изменю элемент списка на false, он покажет мне «false» и флажок останется прежним.Это означает, что он не связывал элемент списка «Стипендия» с флажком.

Как я могу связать / связать свой элемент списка с флажком?(Это означает, что , когда флажок установлен, элемент списка будет иметь значение true , а если флажок не установлен, он будет иметь значение false)

Answer 1

Если посмотреть на код, то отображаемое вами значение отличается от v-модели.Кроме того, вам не нужно "это".в разделе шаблона.

<div class="d-inline col-lg-6 col-md-6 col-sm-6"> {{ players.Scholarship }} 
  <input type="checkbox" id="checkbox" v-model="players.Scholarship"> </div>
</div>