相關(guān)代碼如下:
<el-menu
default-active="1"
router=true
>
...
</el-menu>
官方文檔中缰揪,el-menu的相關(guān)描述如下:
但是,按照上述代碼使用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、或者使用屬性綁定的方式來設(shè)置
<el-menu
default-active="1"
:router="router"
>
...
export default {
data() {
return {
router:true
};
}
}
估計其他控件的boolean屬性都是這樣的用法吧皿桑,新手無知毫目,做個記錄。