vuetype check failed for prop "collapse". Expected Boolean, got String with value "true"

最新推荐文章于 2024-04-07 22:44:47 发布
最新推荐文章于 2024-04-07 22:44:47 发布
阅读量2.9k 收藏
点赞数 2
分类专栏： Vue 文章标签： collapse string true Boolean element
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zm_960911/article/details/105564594
版权

使用element框架的NavMenu 导航菜单时，collapse参数必须为boolean值在这里插入图片描述
当你在代码中直接写成collapse="true"的方式，会认为true是string类型，不是boolean类型，正确的写法应该为 :collapse=“true”，此时认为填写的是boolean值。

<el-menu :default-active="activeIndex" class="el-menu-demo" :collapse="true">
   <el-menu-item v-for="(item,i) in Data">
   </el-menu-item>
</el-menu>
落千
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
prop-types.js 用于对 props 进行限制
09-27
prop-types.js； 用于React对 props 进行限制； React库文件；
Prop操作.rar
04-05
Prop操作.rar
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
[Vue warn]: Invalid prop: type check failed for prop “router“. Expected Boolean, got String with val
最新发布
qq_59256973的博客
04-07 401
c320:4625 [Vue warn]: Invalid prop: type check failed for prop "router". Expected Boolean, got String with value "true". found in ---> <ElMenu> at packages/menu/src/menu.vue动态绑定，v-bind，简写就是：改成。
官方资料：Oracle 11g中的信息集成.pdf
06-22
官方资料：Oracle 11g中的信息集成 数据集成技术路线图；数据迁移技术；数据联合技术；数据库网关；数据复制技术；流技术:体系架构；ELT技术；OWB；数据清洗；匹配-合并；数据对象设计-统一编辑器；元数据服务；
Invalid prop: type check failed for prop “mask“. Expected Boolean, got String with value “true“
Shivy_的博客
02-01 1845
问题 在使用 uni-app的Drawer 抽屉组件时, 出现了这个报错信息, 如下： 思路 很明显看到了报错信息前面的Vue warn , 这是一个Vue语法的警示信息, 在看后面的报错信息, 主要意思是prop期待传入一个布尔类型的值，但是用户传入的却是一个字符串，导致了类型错误 的产生。 再打开我们正在使用的这个组件的官网, 查看相关的属性说明, 可以发现,官网的这个mask属性对应的类型是Boolean, 再查看我们现在的代码, 可以发现我们现在的这种写法其实就是字符串,如下： 解决方案
Invalid prop: type check failed for prop “collapseTransition“. Expected Boolean, got String with val
qq_29820687的博客
07-24 606
Invalidproptypecheckfailedforprop“collapseTransition”.ExpectedBoolean,gotStringwithval。
Invalid prop: type check failed for prop “clearable“. Expected Boolean, got String with value “fals
路虽远行则将至，事虽难做则必成。
06-06 469
最近使用uni-app开发h5时，使用uform布局登录界面时候，使用增强输入框发现一个报错。意思是它需要一个布尔类型，你却给了字符串类型。就是没有加：，加了之后有没效果。后面又回去仔细看了一眼文档说的，原来是他说了一个即可，我就没有想直接写上去。其实只用写一个 clearable 就行了（因为默认值时true可不写）- 搞了半天，没仔细看，哎。
Invalid prop: type check failed for prop “router“. Expected Boolean, got String with value “true“.
m0_37678007的博客
12-24 210
【代码】Invalid prop: type check failed for prop “router“. Expected Boolean, got String with value “true“.
Invalid prop: type check failed for prop "centered". Expected Boolean, got String with value "true"
热门推荐
酸酸酱的博客
04-01 2万+
使用Vue + antDesign的时候，出现这个错误 我需要使用的antDesign的组件是modal，官网api介绍为 代码中书写： <a-modal title="手动添加展位" v-model="visible" @ok="hideModal" okText="确认添加" width="600" center...
prop-type.js文件, 导入即可使用
11-02
prop-type.js文件, 导入即可使用
Vue学习笔记（Vue+Element报错：无效属性）
Jxzx_小虎的博客
05-26 1026
Vue+Element报错：无效属性报错信息解决办法 报错信息 Invalid prop: type check failed for prop “uniqueOpened”. Expected Boolean, got String with value “true”. 翻译： 无效属性：属性“uniqueOpened”的类型检查失败。需要布尔值，得到值为“true”的字符串。 解决办法 在属性前面添加（:）就可以解决。 ...
【Bootstrap】选择折叠项collapse
编程记录，亲测有效
10-30 1万+
使用Bootstrap来编写 选择折叠项collapse 选择折叠项collapse在网页中并不常用，不过也并不少见。 这也算是一个比较实用的组件……
vue引入lang=“less“的方法以及报错的解决方案
醉殇姒若梦遗年 ツ的博客
07-10 1万+
第一步：安装 less 和less-loader npm install less less-loader --save 第二步：修改webpack.base.conf.js文件 找到build文件夹下的webpack.base.conf.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加 module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', op
wangeditor5跳转页面后无法输入内容，报错Cannot resolve a Slate node from DOM node: [object HTMLSpa](keep-alive缓存问题）
醉殇姒若梦遗年 ツ的博客
09-15 7119
当时利用页面生命周期控制组件，注销富文本后重新初始化也没有解决，最后发现是keep-alive缓存导致的，通过设置keep-alive不缓存某些页面才解决了问题。下面针对keep-alive缓存进行记录。
引入wangeditor5运行报错：You may need an appropriate loader to handle this file type（es6兼容问题）
醉殇姒若梦遗年 ツ的博客
09-15 2820
最近给使用的富文本wangeditor进行了一个升级，升到了目前最新的版本wangeditor5把wangeditor5引入vue项目中，启动项目一直报错一开始尝试很多方法都没解决，后来留意到控制台报错，猜测可能和es6中（…）的写法有关，所以后面具体查询了一下兼容es6的问题，了解到。
Vue项目中proxyTable解决axios的baseURL跨域问题
醉殇姒若梦遗年 ツ的博客
04-16 2788
1.在Vue项目中config文件下的index.js添加proxyTable配置 proxyTable:{ '/api': { target:'http://xxxxxx.com', changeOrigin:true, pathRewrite: { '^/api': '' } } } //api这个词可以任意换,但文下的词要...
vue父组件调用子组件报错：Cannot read properties of undefined
醉殇姒若梦遗年 ツ的博客
09-15 2700
父组件中直接通过ref调用子组件（headTop）中的（hideTab）方法，在子组件中定义了这个方法，但是一直报undefined。最后通过加入判断解决，先判断子组件存在，然后再调用子组件中的方法。
type check failed for prop "forceRender". Expected Boolean, got String with value "true".
09-01
Expected Boolean, got String with value “true](https://blog.csdn.net/Shivy_/article/details/113502232)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值