vue中v-model如何绑定多循环表达式实战案例
Dignity_呱 人气:0一、存在问题
在v-model
想绑定表达式 || 函数方法,发现控制台报错了,不允许这波操作。
下面我们分析存在该问题的原因和解决方法。
实战经验。
二、还原场景
有这样子的数组对象结构
const arr = [ { value: 'a' }, { value: 'b' } ] const item { a: 1, b: 2, __config__:{ required: false }, }
想循环arr数组,然后通过arr.value
去找item
里面的属性,然后绑定在v-model
上。
理想效果是:
arr我们有两个对象,就循环两个出来,通过arr[0].value
去寻找item的属性。
<div> <van-switch v-model="item[arr[0].value]" /> <van-switch v-model="item[arr[1].value]" /> </div>
于是,我们可以很顺利的
加载全部内容