解决vue v-for 遍历循环时key值报错的问题

 更新时间:2018年09月06日 16:20:28   作者:zyx1303031629  
今天小编就为大家分享一篇解决vue v-for 遍历循环时key值报错的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

一 、问题如下:

[Vue warn] Avoid using non-primitive value as key, use string/number value instead.

non-primitive表示的是对象

这里的[Vue warn]是指不要用对象或是数组作为key,用string或number作为key。

:key相当于是索引的作用,提高循环性能,如果循环量较小,不写也可以的。

以上这篇解决vue v-for 遍历循环时key值报错的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue使用nprogress实现进度条

    vue使用nprogress实现进度条

    这篇文章主要为大家详细介绍了vue使用nprogress实现进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • 解决vue语法会有延迟加载显现{{xxx}}的问题

    解决vue语法会有延迟加载显现{{xxx}}的问题

    今天小编就为大家分享一篇解决vue语法会有延迟加载显现{{xxx}}的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • 基于vue-cli配置lib-flexible + rem实现移动端自适应

    基于vue-cli配置lib-flexible + rem实现移动端自适应

    这篇文章主要介绍了基于vue-cli配置lib-flexible + rem实现移动端自适应,需要的朋友可以参考下
    2017-12-12
  • vue3项目新用户引导组件driver.js示例详解

    vue3项目新用户引导组件driver.js示例详解

    好用的用户引导插件有 intro.js 和 driver.js 两个,对比了一下,最终还是使用了driver.js,这篇文章主要介绍了vue3项目新用户引导组件(driver.js),需要的朋友可以参考下
    2022-08-08
  • Vue.js 中的父子组件通信方式实例教程

    Vue.js 中的父子组件通信方式实例教程

    在 Vue.js 中,父子组件通信是非常重要的,在本文中,我们讨论了 Vue.js 中父子组件通信的几种方式,包括使用 props 传递数据、使用 Sync 修饰符实现双向绑定、使用自定义事件传递数据、使用 $refs 访问子组件实例以及使用 $children 和 $parent 访问父子组件实例
    2023-09-09
  • Vue Echarts报错Initialize failed: invalid dom解决方法

    Vue Echarts报错Initialize failed: invalid dom解决方法

    最近因为工作需要,用到了ECharts做图表,也遇到了问题,就来跟大家总结分享一下,下面这篇文章主要给大家介绍了关于Vue Echarts报错Initialize failed: invalid dom的解决方法,需要的朋友可以参考下
    2023-06-06
  • 一文带你了解Vue中的axios和proxy代理

    一文带你了解Vue中的axios和proxy代理

    这篇文章主要为大家详细介绍了Vue中的axios和proxy代理的相关知识,文中的示例代码讲解详细,具有一定的借鉴价值,需要的可以参考一下
    2023-03-03
  • Vue3点击侧边导航栏完成切换页面内组件全过程(WEB)

    Vue3点击侧边导航栏完成切换页面内组件全过程(WEB)

    写页面的时候都会用到一些导航栏、点击不同的部分切换不同的页面,下面这篇文章主要给大家介绍了关于Vue3点击侧边导航栏完成切换页面内组件的相关资料,需要的朋友可以参考下
    2023-06-06
  • BuildAdmin elementPlus自定义表头添加tooltip方法示例

    BuildAdmin elementPlus自定义表头添加tooltip方法示例

    这篇文章主要介绍了BuildAdmin elementPlus 自定义表头,添加tooltip实现方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • Element中el-tabs左右滑动动画的实现

    Element中el-tabs左右滑动动画的实现

    本篇博客将详细介绍如何在使用 Vue 以及 Element UI 时,实现一个具有左右滑动效果的 tab 切换动画,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧
    2024-03-03

最新评论