Vue Element UI,type check failed for prop “uniqueOpened“. Expected Boolean, got String

最新推荐文章于 2024-09-21 10:57:52 发布
最新推荐文章于 2024-09-21 10:57:52 发布
阅读量426 收藏
点赞数
分类专栏： Vue踩坑日记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ALakers/article/details/108026811
版权

错误详情：
在这里插入图片描述

Vue代码：
在这里插入图片描述
错误提示为unique-opened需要的是一个boolan类型的值,但是给的是一个 字符串

改成下面这样就好了,没有写：的true,应该是被解析成了字符串 “true”

:unique-opened="true"
Time-Traveler
关注
专栏目录
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 6089
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
[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" ，而代码中少写了冒号，加上即可。 更...
type check failed for prop “uniqueOpened“. Expected Boolean, got String with value “true“
GuyOne的博客
07-17 1738
1、ErrorCode：[Vue warn]: Invalid prop: type check failed for prop “uniqueOpened”. Expected Boolean, got String with value “true”. 2、报错源代码： <el-menu default-active=“2” … unique-opened=“true”> … 3、解决方法： <el-menu default-active=“2” … :unique-opened
Invalid prop: type check failed for prop “uniqueOpened“. Expected Boolean, got String with value “tr
qq_44747508的博客
11-08 539
这个警告倒是没有影响什么，只是看着不舒服，还是想改过来 //原代码 <el-menu unique-opened="true"></el-emnu> //修改后 <el-menu :unique-opened="true"></el-emnu>
Vue报错（element UI）：type check failed for prop “stretch“. Expected Boolean, got String.
weixin_44766633的博客
11-02 401
支柱：类型检查失败的支柱“拉伸”。期望布尔，得到字符串 在报错 ’stretch‘属性前面加 ：即可 就是没有绑定属性出现的错误
解决 type check failed for prop “disabled“. Expected Boolean, got String with value “36“问题
qq_45274635的博客
07-14 3417
在上述代码中，我们使用双重逻辑非运算符将不同类型的值转换为布尔类型。非布尔类型的值通过逻辑非运算先转换为对应的布尔类型，然后再输出转换后的结果。值得注意的是，双重逻辑非运算符是一种快速而简洁的将其他类型转换为布尔类型的方法。但在使用时，应确保理解了转换的行为，以免产生意想不到的结果。这种警告虽然不影响代码的运行，但是一直爆红看着也挺烦，一般当我们使用他人的组件时，传递类型时，和要求传入的类型不符合时，会出现这种情况。这个代码中，直接传入的id并不是一个布尔值，所以浏览器会一直弹出警告。
vue表单验证中 Invalid prop: type check failed for prop “model“. Expected Object, got String with value “l
weixin_43413645的博客
04-19 4096
4/19 在写vue项目注册页面中rules规则的时候，反复验证prop和rules中值相同的情况下，运行一直产生报错 <template> <div> <div id="register" class="box" > <h3>注册登录页面</h3> <el-form ref="ruleform" :rules="rules" model="loginForm" label-width="20%"> .
vue Invalid prop: type check failed for prop "center". Expected Boolean, got String with value "true".
08-29
- *1* *2* [[Vue warn]: Invalid prop: type check failed for prop “disabled“. Expected Boolean, got String with...](https://blog.csdn.net/weixin_43820434/article/details/121784623)[target="_blank" ...
[Vue warn]: Invalid prop: type check failed for prop "titleAsterisk". Expected Boolean, got String with value "true".
最新发布
09-27
当您在Vue.js应用中遇到警告"[Vue warn]: Invalid prop: type check failed for prop 'titleAsterisk'. Expected Boolean, got String with value 'true'"，这通常表示你在尝试向组件传递名为"titleAsterisk"的属性...
type check failed for prop "closeOnPressEscape". Expected Boolean, got String with value "true"
helloBUelid的博客
01-11 1801
再用el-dialog组件的时候加了一个属性close-on-press-escape=“true” 解决办法： 不用加 true，直接写上这个close-on-press-escape就行，看似很简单的问题，有时候也会找不到解决办法，希望看到的人有所启发。 ...
vue3:菜单、标签页和面包屑联动效果
qq_45061461的博客
04-11 1385
2.创建store文件: index.ts 、user.ts 文件名字自己随便取,后面需要引入的时候不要把名称写错了。1.创建你的组件文件，nav:菜单 、header:面包屑 、tabs：标签页,然后先把自己的基础页面信息。store //我习惯了命名 store ，实际可以取名 pinia 因为用到的组件库就是这个。3.创建router.ts文件,在src目录下新建router文件夹 - > 新建index.ts文件。如有写的不明确的地方可以提出来，或者大佬们有更好的方法。
Vue3使用递归组件封装El-Menu多级菜单
明知山
09-04 2182
【代码】Vue3使用递归组件封装El-Menu菜单。
Vue3入门 - ElementPlus中左侧菜单和Tabs菜单组合联动效果
觉醒法师的专栏
09-21 1202
在Vue3中，ElementPlus是使用比较广泛的UI组件库，提供了丰富的界面元素支持项目开发需求。在后台管理系统中，左侧或顶部的菜单栏通常包含多个子菜单项，通过菜单的展开和收缩功能，用户可以方便地查看或隐藏不需要的菜单项，从而优化界面布局，提供用户体验。在ElementPlus中，可通过修改属性default-openeds和unique-opened来实现菜单项的展开和收缩.、默认展开等功能；并使用JS数组中reduce方法来完成default-openeds数组读取。
Invalid prop: type check failed for prop “uniqueOpened“. Expected Boolean, g
放弃不难，但坚持一定很酷！
09-20 2318
解决办法在unique-opened="true" 前面 绑定 v-bind 就解决了 :unique-opened="true"报错这个是由于elementui里面的el-menu使用的时候这个属性unique-opened="true"导致的。大概意思就是无效的道具:道具“uniqueOpened”的类型检查失败。
Vue报错（element UI）：type check failed for prop "stretch". Expected Boolean, got String.
chengjingxuang123的博客
08-20 1万+
支柱：类型检查失败的支柱“拉伸”。期望布尔，得到字符串   在报错 ’stretch‘属性前面加 ：即可    
Vue提示Expected Boolean, got String
ai520587的博客
12-27 2万+
提示错误为type check failed for prop "XXX". Expected Boolean, got String. 既：属性“XXX”类型检查失败。预期的布尔值，得到字符串。 很明显“XXX”这个属性希望得到类型是布尔类型，结果得到了字符串。 解决方法就是在“XXX”这个属性前面加上“ : ”即可...
Invalid prop: type check failed for prop value
热门推荐
niaonao
08-06 10万+
Vue 报错 Invalid prop: type check failed for prop "value" 问题处理
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中的定义如下： &lt;svg :width="radius" :height="radius" viewBox=...
vue报错Invalid prop: type check failed for prop "sticky". Expected Boolean, got String
11-24
这个错误提示是因为你在Vue组件中使用了一个名为"sticky"的prop，但是你传递给它的值是一个字符串而不是一个布尔值。解决这个问题的方法是将传递给"sticky" prop的值更改为布尔值。你可以使用JavaScript中的Boolean...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值