微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在v-for循环中使用v模型时无法识别

如何解决在v-for循环中使用v模型时无法识别

我试图多次使用TextField组件来创建一个表单,供用户查看/更新其个人信息(姓,名...)

为了不重复自己,我像这样使用v-for

<TextField v-for="item in items" v-model="item.value" :text="item.text" :key="item.id" />

我的数据如下:

data: () => ({
   items: [
       {id: "first_name",text: "First Name",value: ""},{id: "last_name",text: "Last Name",]
})

但是,每当我在其中TextField之一中键入任何内容时,数据都不会更新,并且值仍为空字符串...

如果我这样写我的TextField

<TextField v-model="first_name" text="First Name" />
<TextField v-model="last_name" text="Last Name" />

我的数据如下:

data: () => ({
   last_name: "",first_name: "",})

那就可以了...

您可以想象,我有两个以上的字段,我需要能够使用v-for循环。

注意:过去它可以与Nativescript 6一起正常工作,但是我不得不将所有内容都更改为Nativescript 7,因为自从最新版本的iOS(14)起,该应用程序便崩溃了。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。