亲宝软件园·资讯

展开

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>

于是,我们可以很顺利的

加载全部内容

相关教程
猜你喜欢
用户评论