Invalid prop: type check failed for prop “defaultActive“. Expected String, got Number.

最新推荐文章于 2023-08-10 10:14:43 发布
最新推荐文章于 2023-08-10 10:14:43 发布
阅读量3.9k 收藏 2
点赞数 7
分类专栏： 工作中遇到的问题 VUE.JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cool_so_cool/article/details/118695199
版权
本文详细介绍了在Vue项目中遇到NavMenu导航菜单循环时出现的错误及其解决方案，重点指出`default-active`的值需要为无空格的字符串并使用`toString()`方法。同时，文章展示了如何利用`slideStyleIndex`动态设置菜单背景色，以达成锚点效果。下一篇文章将深入探讨相关实现。
摘要由CSDN通过智能技术生成

这个链接是使用NavMenu 导航菜单循环时会报另外一个错误的文章，建议一块看https://blog.csdn.net/Cool_so_cool/article/details/118695085?spm=1001.2014.3001.5501
VUE项目使用NavMenu 导航菜单循环时报的错误
在这里插入图片描述
解决方法：default-active的值不能有空格，并且要为字符串类型，加上一个toString(),就可以啦
在这里插入图片描述
slideStyleIndex是动态给菜单栏添加背景色用的
效果如下
在这里插入图片描述
这样写的目的是为了实现锚点效果，下一篇文章会写到

Cool_so_cool
关注
  • 7
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[Vue warn]: Invalid prop: type check failed for prop “defaultActive“. Expected String with value “1
weixin_44928631的博客
08-30 2730
报vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "defaultActive". Expected String with value "1", got Number with value 1. 这个说明的是这个属性是默认是字符串类型，然后我们得到是一个数字类型 data(){ return{ activeIndex:1 || activ...
[Vue warn]: Invalid prop: type check failed for prop “defaultActive“. Expected String with value “3“
qq_34936628的博客
06-16 775
type check failed for prop "defaultActive". Expected String with value "3"
Invalid prop: type check failed for prop "radius". Expected Number, got String.
感恩、奋进、自信
06-09 4万+
在vue编写的项目中，在浏览器的console报错：Invalid prop: type check failed for prop "radius". Expected Number, got String.如下图所示：在子组件progress-circle.vue的template中的定义如下： <svg :width="radius" :height="radius" viewBox=...
vue---[Vue warn] prop “defaultActive“. Expected String with value “1“, got Number with value 1.
maidu_xbd的博客
09-25 2719
问题描述： vue+element项目报错，vue.esm.js?efeb:628 [Vue warn]: Invalid prop: type check failed for prop "defaultActive". Expected String with value "1", got Number with value 1.如下图 解决方法： 产生上述报错原因是由于<el-menu> 标签default-active绑定的值为Number，绑定类型错误，应修改为String.
Vue报错：Invalid prop: type check failed for prop “roleList“. Expected Object, got Array 解决方法
最新发布
cdtaogang's blog
08-10 4686
根据以上可以看到我们在父组件向子组件传递的 roleList 变量的类型是数组，而在子组件中 roleList 变量的类型是对象，先看看父组件和子组件传递的代码，这里注意看两个组件之间通过 Props 属性传值所定义的类型。，这就是导致错误的原因，修改 Props 属性的 roleList 变量的类型和默认值即可。问题解决，所以大家在写代码的时候特别是传递参数时，注意两边参数定义的类型是否一致！在子组件中我们的期望是一个对象，而你父组件中给我传递了一个数组。
官方资料：Oracle 11g中的信息集成.pdf
06-22
官方资料：Oracle 11g中的信息集成 数据集成技术路线图；数据迁移技术；数据联合技术；数据库网关；数据复制技术；流技术:体系架构；ELT技术；OWB；数据清洗；匹配-合并；数据对象设计-统一编辑器；...
解决dbf Failed to parse Number: For input string: "-.---"
04-29
本文将深入探讨标题和描述中提到的问题：“解决dbf Failed to parse Number: For input string: "-.---""”，以及如何在不依赖特定jar包的情况下处理DBF文件。 首先，"Failed to parse Number: For input string: ...
Caused by: android.system.ErrnoException: write failed: ENOSPC (
08-18
### 错误解析：Caused by: android.system.ErrnoException: write failed: ENOSPC (No space left 在Android开发过程中，可能会遇到“Caused by: android.system.ErrnoException: write failed: ENOSPC (No space ...
cvc-complex-type.2.4.d: Invalid content was found
12-12
在XML Schema设计中，"cvc-complex-type.2.4.d: Invalid content was found" 是一个常见的错误信息，这通常意味着在解析XML文档时，遇到了不符合定义的复杂类型的内容。这个错误通常涉及到XML Schema的约束规则，即...
Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object
qq_45796592的博客
08-05 1万+
Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object bug解决
Vue错误[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String
熟悉JS拼写的FE
09-15 1万+
Vue-常见错误[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got String 前言:项目中遇见 Invalid prop…Expected XXX, got XXX。像这样的错误一般是同一类型的错误，是数据类型没给对,你给的值和组件需要的数据类型不一致 错误截图 以上就是报错信息 错误分析 报错信息的意思是：无效的命名数据:“数据”类型检查失败。期望数组，得到字符串/对象， 已经很明
Invalid prop: type check failed for prop “index“. Expected String with value “5“问题解决
qq_30351747的博客
05-04 4100
Invalid prop: type check failed for prop “index”. Expected String with value "5"问题解决 在elementUI导航组件中加入后台数据驱动循环生成导航时会报如下错误 这里的错误是由index引起的，index的值必须是字符串，而且是单一的。 源代码 <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="ha
Invalid prop: type check failed for prop “value“. Expected String, Number, got Array
gaoyu007的博客
07-13 3万+
select改为多选属性，onchange事件报错 报错内容：Invalid prop: type check failed for prop “value”. Expected String, Number, got Array。 原因：relateuserCount在该change事件中有赋值，该属性本身是string类型，prop也是该属性。但是现在复制强制改成数组类型，但是prop并不支持prop为数组类型，prop对应值只能是string或者number，导致报错。 ...
关于Invalid prop: type check failed for prop "row". Expected String, got Object.的问题及审查办法
热门推荐
Dreamer_xr的博客
09-13 15万+
项目是Vue的，基于elementUI的后台管理系统。 Invalid prop: type check failed for prop "row". Expected String, got Object. 昨天遇到了这么个错误，找了半天，网上也找了很久的资料，有很多跟我遇到的问题类似的有很多，但解决办法形似各样，没有我这种情况的，但还好经过我的不懈努力还是找到了原因。 一、我从父组件传递...
【解决报错】Invalid prop: type check failed for prop "index". Expected String with value "undefined", got
weixin_46552424的博客
03-18 1万+
在使用elementUI循环渲染导航的过程中 会出现如下警告 报错翻译：无效属性：属性“index”的类型检查失败。应为值为“undefined”的字符串，但未定义 解决方法： 将:index=“item.path” 改为:index="item.path + ’ ’ " 完美解决 原因：elementUI的index是字符串格式，加一个‘ ’，将后台数据转换为字符串 ...
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String with value “1“ 解决办法
loricy7的专栏
08-10 2万+
Vue错误提示： [Vue warn]: Invalid prop: type check failed for prop "value". Expected String with value "1", got Number with value 1. 提示的问题：是数据不匹配，传数的是Number类型 ，而组件需要的是String类型 在这里，需要对数据类型进行强制转换即可，用String()强转。 我实际遇到的问题是： 开发uni-app时，使用checkbox-group多选组..
[Vue warn]: Invalid prop: type check failed for prop "disabled". Expected Boolean, got String.
郭宝的博客
10-08 7万+
问题： 大致意思是prop期待传入布尔值，而你传入的却是字符串，类型错误。 解决思路： 1、首先针对该错误信息可以去GbComponentUploadDialog.vue文件中查找disabled关键字 2、然后通过查看对应的Element官网得知，设置输入框组件禁止输入的正确写法是 :disabled="true" ，而代码中少写了冒号，加上即可。 更...
[Vue warn]: Invalid prop: type check failed for prop "active". Expected Number, got String
LPLIFE的博客
07-08 2511
意思是需要的是Number类型，但是传递了String类型 转换成合适的类型就可以了
Invalid prop: type check failed for prop "defaultActive". Expected String, got Array
07-14
这个错误是因为你在传递给组件的 "defaultActive" 属性上使用了一个数组，而它实际上期望接收一个字符串。请确保你在使用这个属性时传递一个字符串值，例如： ```vue <YourComponent defaultActive="someValue" /> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值