vue中v-model如何绑定多循环表达式实战案例

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

vue中v-model如何绑定多循环表达式实战案例

Dignity_呱   2022-11-19 我要评论

一、存在问题

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>

于是,我们可以很顺利的

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们