vue项目中报错:Avoid using non-primitive value as key, use stringnumber value instead.

参考:
vue项目中报错:Avoid using non-primitive value as key, use stringnumber value instead.

https://www.cnblogs.com/zbbk/p/13229926.html

https://www.jianshu.com/p/c9f5b523507b

Avoid using non-primitive value as key, use string/number value instead.
意思是:避免使用非基本值作为键,而是使用字符串/数字值。

Duplicate keys detected: ‘[object Object]’. This may cause an update error.
意思是:检测到重复键:‘[object object]’。这可能会导致更新错误。

主要问题出现在:v-for 遍历 :key = obj :key 给了一个obj对象 ,改为字符串或数字即可解决:

<a-table :columns="columns" :data-source="data" bordered size="middle" :pagination="pagination">
 <!-- 插槽 -->
   <!--  <template slot="footer" slot-scope="currentPageData">
       Footer
     </template> -->
   <span slot="tags" slot-scope="tags">
       <a
         v-for="tag in tags"
         :key="tag"//这里后面接到数据后换成了对象,所有tag变成了obj 改成数字即可,或者去掉key
         :color="tag === 'loser' ? 'volcano' : tag.length > 5 ? 'geekblue' : 'green'"
       >
      <p>
           <a :href="tag.file_url">{{tag.filename}}</a>
      </p>
       <!-- <a-spin v-if="tag.length<15" /> -->
       <!-- <img style="width: 80px;height: 80px;" v-if="tags" :src="tags" alt=""> -->
       <!-- {{ tag.toUpperCase() }} -->
       </a>
   </span>
   <!-- 内部表 -->
  <!--  <div slot="expandedRowRender" slot-scope="record" style="margin: 0">
        1231 {{record}}
    </div> -->
</a-table>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

极北之南。

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值