Duplicate keys detected: ‘0‘. This may cause an update error.

报错原因:

因为v-for的key值重复导致报错,解决办法给index拼接"-"或","使key值变得不同

<!-- 表单输入框 -->

      <div v-for="(item, index) in list" :key="index">

        <van-field

          v-if="!item.flag || false"

          v-model="item.value"

          :name="item.name"

          :type="item.type"

          :required="!!item.rules||false"

          :disabled="item.disabled || false"

          :label="item.label"

          :placeholder="item.password"

          :rules="item.rules"

        />

      </div>

      <!-- 表单开关 -->

      <div v-for="(item, index) in list" :key="index">

        <van-field

          v-if="item.type == 'switch'"

          :name="item.name"

          :label="item.label"

        >

          <template #input>

            <van-switch v-model="item.value" size="20" />

          </template>

        </van-field>

      </div>

 

 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值