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

问题描述 投票:0回答:1

我在Sharepoint中具有类型为“是/否(复选框)”的列表元素Scholarship

Scholarship element

所以,我通过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>

Checkbox

我遇到的问题是,它向我显示了该复选框,并在其旁边为“ true”。当我将list元素更改为false时,它将显示“ false”,并且复选框将保持不变。这意味着它没有将列表元素“奖学金”链接到该复选框。

如何将我的列表元素与复选框链接/连接? (意味着当复选框被选中时,列表元素将为true,并且每当未选中复选框时将为​​false)

javascript vue.js checkbox sharepoint
1个回答
0
投票

[通过查看代码,您显示的值与v模型不同。另外,您不需要“这个”。在模板部分。

© www.soinside.com 2019 - 2024. All rights reserved.