如果我解释得不好,请提前抱歉,我对此有点新手。
如果我有一个包含多个类似于下面的对象的数组,如何在 Vue 中取消选择/选择模式中的复选框以visible
根据其名称切换属性的值?我只想显示具有可见性的项目。
目前,我有一个模式弹出窗口,它显示每个对象的名称属性以及一个复选框。当我取消选中/选中一个或多个名称旁边的文本框时,我希望根据visibility
.
我正在想象逻辑是;如果未选中复选框,则将可见性设置为 false
下面的代码基本上是我要解释的内容的大纲,我知道它的语法并不完美,它更像是一个视觉指南,试图展示我在问什么。
再次,对不起,如果我解释得不好。
非常感谢您的帮助
<!-- this would be in my modal -->
<div>
<input type="checkbox"
value="usd" />
<label for="usd">USD</label>
</div>
<div>
<input type="checkbox"
value="cad"/>
<label for="cad">CAD</label>
</div>
<!-- End modal -->
<section v-for="loop through MyArray" v-show="myArray.visible">
<div>{{name}}</div>
<div>{{value}}</div>
<div>{{another}}</div>
<div>{{high}}</div>
<div>{{low}}</div>
</section>
myArray[
{
name:"USD",
value: 0.75,
another: 0,
high: 0,
low: 0,
visible:true},
{
name:"CAD",
value: 1.75,
another: 0,
high: 0,
low: 0,
visible:true},
]