Vue 结合Element UI 实现导航的 router 属性 expected boolean,got string

最新推荐文章于 2024-05-09 13:15:08 发布
最新推荐文章于 2024-05-09 13:15:08 发布
阅读量164 收藏
点赞数
分类专栏： 《Vue进阶之路》 文章标签： vue bug
原文链接：https://blog.csdn.net/lindonglian/article/details/77532941
版权

转自：https://blog.csdn.net/lindonglian/article/details/77532941
为了能通过el-menu-item的index实现动态路由跳转,得将el-menu的router设为true,默认是false
在这里插入图片描述
代码实现是这样的
在这里插入图片描述
在这里插入图片描述

Java编程之道
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 5471
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
Vue提示 Expected Boolean, got String
chen16432的博客
04-03 8489
Vue提示 Expected Boolean, got String 提示错误为type check failed for prop “XXX”. Expected Boolean, got String. 既：属性“XXX”类型检查失败。预期的布尔值，得到字符串。 很明显“XXX”这个属性希望得到类型是布尔类型，结果得到了字符串。 解决方法就是在“XXX”这个属性前面加上“ : ”即可 原因解释...
“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的解决方案
最新发布
2301_79779756的博客
05-09 1238
在Vue.js等前端框架中，组件的props（属性）是用来接收来自父组件的数据的。每个prop都可以被指定一个类型，如String、Number、Boolean、Array、Object、Date、Function、Symbol以及任何自定义的构造函数。当传递给组件的prop值类型与定义的期望类型不符时，Vue会在控制台中发出警告，提示类型检查失败。
【自用】完美解决：Invalid prop: xxx,Expected Boolean, got String with value “true“.
要思考，要努力
11-30 3809
原因是，vue中对于属性值是data中数据或者是boolean类型的时候，属性前面需要加上冒号。#### 2.正确写法（多加个冒号即可）：```html
【应用】如何使用 element-ui 之 NavMenu 导航菜单 中 的 router 属性（在激活导航时以 path 进行路由跳转）
Dora_5537的博客
03-08 1万+
效果图： 使用： 1.<template> <el-header style="height: 61px" > <el-menu mode = "horizontal" background-color = "#76c7f4" text-color = "#000000" active-text-color ...
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
10-17
总的来说，Vue+Element UI实现的行内编辑表格是一种高效且直观的方式来处理表格数据的编辑。它利用Vue的响应式数据绑定和组件化特性，结合Element UI的表格组件，能够轻松地创建出交互性强的表格应用。在实际开发中...
vue element-ui实现动态面包屑导航
10-15
在本文中，我们将深入探讨如何使用 Vue 和 Element UI 来实现动态面包屑导航，这是一种显示当前页面路径的实用功能。 动态面包屑导航在用户界面设计中扮演着重要的角色，它可以帮助用户理解他们在网站或应用中的...
在vue+element ui框架里实现lodash的debounce防抖
10-16
在Vue.js和Element UI的开发中，有时候我们需要优化用户输入事件的处理，特别是对于实时搜索或过滤数据的情况。这时，lodash的`debounce`函数就能派上用场，它可以帮助我们实现防抖(debounce)功能，避免频繁触发昂贵...
vue+element-ui实现表格编辑的三种实现方式
10-17
主要介绍了vue+element-ui实现表格编辑的三种实现方式，主要有表格内部显示和编辑切换，通过弹出另外一个表格编辑和直接通过样式控制三种方式，感兴趣的小伙伴们可以参考一下
基于vue + element UI 的后台管理系统模板
09-12
Element UI 是一套基于 Vue.js 的开源UI组件库，由饿了么团队开发，提供了一系列完善的企业级组件，如表格、按钮、提示、下拉框、导航、弹窗等。Element UI的设计理念是“简单、实用”，它的组件样式统一且易于定制...
ElementUi中NavMenu 导航菜单router用法
不会有人真的学前端吧
07-28 7684
ElementUi中NavMenu 导航菜单router用法 问题引出 写页面中遇到需要写NavMenu 导航菜单,作为菜鸟按照Element官方的NavMenu 导航菜单用法,传统式使用在data声明一个activeIndex作为跳转的首页,当我点击NavMenu 导航菜单到一个子路由页面(此时导航上跳转子路由的文字高亮)再点击刷新时,导航页面上的字高亮显示的是我默认的页面 展示 这是默认的页面,默认"打单管理"文字高亮 这是点击了设置之后,路由跳转,此时"设置"文字高亮 点击刷新后,路由没跳转,但
Vue提示Expected Boolean, got String
ai520587的博客
12-27 2万+
提示错误为type check failed for prop "XXX". Expected Boolean, got String. 既：属性“XXX”类型检查失败。预期的布尔值，得到字符串。 很明显“XXX”这个属性希望得到类型是布尔类型，结果得到了字符串。 解决方法就是在“XXX”这个属性前面加上“ : ”即可...
Vue结合Element UI实现导航的router属性 expected boolean,got string
Web+
08-24 7560
为了能通过el-menu-item的index实现动态路由跳转,得将el-menu的router设为true,默认是false 代码实现是这样的 但是每次通过npm启动完访问控制台都会报错。 Vue结合Element UI实现导航,在router属性处出现 expected boolean,got string 后来发现另一种写法是ok的:
[Vue warn]: Invalid prop: type check failed for prop "clearable". Expected Boolean, got String 的错误
luzhaopan的博客
08-31 7万+
 为了在单选时能够情况已选择的内容，加了 clearable 这个属性，查看element 官方文档的时候，内容如下图所示，说默认值是 false ，于是加入是对其赋值 true，然后报了下面的错误。   解决的办法是，实际上并不用加 true，直接写上这个clearable就行，看似很简单的问题，有时候也会招不到解决办法，希望看到这篇博文的人有所启发。   ...
[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报错（element UI）：type check failed for prop "stretch". Expected Boolean, got String.
chengjingxuang123的博客
08-20 1万+
支柱：类型检查失败的支柱“拉伸”。期望布尔，得到字符串   在报错 ’stretch‘属性前面加 ：即可    
vue[elementUI导航切换以及路由router-link、router-view、router的使用]
墨水白云的博客
06-02 1万+
vue[导航切换router-link、router-view、router的使用]
系统采用VUE框架结合Element UI组件实现查询表单
07-15
你可以使用Vue框架结合Element UI组件来实现查询表单。Vue是一个用于构建用户界面的渐进式JavaScript框架，而Element UI是一个基于Vue的组件库，提供了丰富的UI组件和样式。 首先，你需要安装Vue和Element UI。可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值