gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 00:35:46 29 4
gpt4 key购买 nike

我在 Sharepoint 中有一个类型为“是/否(复选框)”的列表元素奖学金

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”。当我将列表元素更改为 false 时,它​​将显示“false”,并且复选框将保持不变。这意味着它没有将列表元素“奖学金”链接到复选框。

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

最佳答案

从代码来看,您显示的值与 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>

关于javascript - 将复选框链接到 Vue.js 中的列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58147518/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com