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

编程问答 2022-06-09

问题描述

我试图多次使用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 (将#修改为@）

nativescript-vuevue.js