javascript - 将复选框链接到 Vue.js 中的列表项

Question

我在 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-model 不同。另外，你不需要“这个”。在模板部分。

<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>