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

相关代码如下：

 <el-menu 
          default-active="1"
          router=true
          >
...
</el-menu>

官方文档中，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属性都是这样的用法吧，新手无知，做个记录。