相关代码如下:
<el-menu
default-active="1"
router=true
>
...
</el-menu>
官方文档中,el-menu的相关描述如下:
但是,按照上述代码使用el-menu,报错。如下:
vue.esm.js?efeb:628 [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
<ElAside> at packages/aside/src/main.vue
<ElContainer> at packages/container/src/main.vue... (1 recursive calls)
<Index> at src/components/Index.vue
<App> at src/App.vue
<Root>
解决方法:
1、直接在el-menu的属性中写一个router即可,不需要写值,如下:
<el-menu
default-active="1"
router
>
...
</el-menu>
2、或者使用属性绑定的方式来设置
<el-menu
default-active="1"
:router="router"
>
...
export default {
data() {
return {
router:true
};
}
}
估计其他控件的boolean属性都是这样的用法吧,新手无知,做个记录。