[Vue warn]: Invalid prop: custom validator check failed for prop “index“

news/2024/7/9 23:37:41 标签: vue, javascript

v-for 遍历数组展示列表时,报错

index 不能是数值型,需要转换成字符串。
ps:这里只是个demo,后期不建议使用 index 值。

javascript"><el-menu-item 
  v-for="(item,index) in routerList" 
  :index="index + 1" //错误写法 问题出在这里
  // :index="JSON.stringify(index + 1)" //正确写法 转化一下字符串就不报错了
  :key="item.path"
>
  <span slot="title">
     <router-link to="item.path">{{ item.name }}</router-link>
   </span>
</el-menu-item>

// js 
data(){
  return {
    routerList:[
      { name:"Home", path:'/', },
      { name:"About", path:'/about', },
    ],
  }
},

http://www.niftyadmin.cn/n/909448.html

相关文章

面试题2 将一个char[] 反序

题目的要求就是 写一个 c 的函数 返回类型是 void, 参数是一个 char*, 作用是将数组反序 这其实是一个 C 的题目 考的应该是指针的知识 但是咱不会 C 就用 java 实现了 java 数组操作起来要顺手的多了 几行代码就可以做到了 代码如下 改代码的时间复杂度是 O(n) 空间复杂度是…

this.$router.history._startLocation

一、场景&#xff1a;自己写的路由导航&#xff0c;每次刷新页面时&#xff0c;导航组件都会跳到默认选项。 刷新以后&#xff0c;页面路由和左侧路由对不上号。 二、解决办法&#xff1a;利用vue-router 的START_LOCATION 来初始化导航&#xff1b; 文档链接地址 https://…

Oracle中如何进行进制转换(2进制,10进制,16进制)

1.16进制转换为10进制 可以通过to_number函数实现 SQL> select to_number(19f,xxx) from dual; TO_NUMBER(19F,XXX)----------------------415 SQL> select to_number(f,xx) from dual; TO_NUMBER(F,XX)-------------------15 2.10进制转换为16进制可以通过to_char函数转…

js 生成随机数、查询url参数、生成随机颜色

一、创建过去七天的数组 […Array(7).keys()].map(days > new Date(Date.now() - 86400000 * days)); 二、生成随机ID // 生成长度为11的随机字母数字字符串 Math.random().toString(36).substring(2); // jsi6fyrxol // 生成长度为6的随机字母数字字符串 Math.random().toS…

Prism 订阅事件 IEventAggregator 说明

本节学习了Event Aggregation事件聚合&#xff0c;这个在Prism中很重要&#xff0c;特别是对于Module间的通信。除了前面介绍的Command可以用于模块间的通信&#xff0c;还有我们这一节介绍的Event Aggregation(事件聚合). &#xff08;一&#xff09;为什么不用.NET FrameWork…

使用 vue/cli 打包之后的dist-index.html访问问题

希望打完包之后直接点index文件就可以预览。 效果图&#xff1a; 解决办法 一、在根目录创建vue.config.js 二、为了防止路由跳转出问题&#xff0c;路由配置也需要改成哈希路由。

android怎么在launcher改动内置apk的icon

找到launcher下的IconCache中加入变量用来存储要改动apk的包名 及要改动成的icon private String[] className {"com.google.android.apps.maps","com.google.android.googlequicksearchbox"}; private int[] resId {R.drawable.com_android_google…