使用elementui的导航菜单时候,报错:[Vue warn]: Invalid prop: type check failed for prop "router". Expected Boo...

相关代码如下:

 
...

官方文档中,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

--->  at packages/menu/src/menu.vue
        at packages/aside/src/main.vue
          at packages/container/src/main.vue... (1 recursive calls)
            at src/components/Index.vue
              at src/App.vue
               
解决方法:

1、直接在el-menu的属性中写一个router即可,不需要写值,如下:

 
...

2、或者使用属性绑定的方式来设置


...
export default {
  data() {
    return {
      router:true
    };
  }
}

估计其他控件的boolean属性都是这样的用法吧,新手无知,做个记录。

你可能感兴趣的:(使用elementui的导航菜单时候,报错:[Vue warn]: Invalid prop: type check failed for prop "router". Expected Boo...)