vue使用elementui NavMenu 导航菜单

Vue使用ElementUI的NavMenu导航菜单需要进行以下几个步骤：

1. 在NavMenu组件中添加路由配置。在实践项目中，导航菜单一般需要配合路由配置使用。可以在NavMenu组件中使用`<el-menu router>`标签，并在组件的data中定义一个activeIndex变量作为默认选中的菜单项。

2. 调整样式以使导航菜单呈现水平样式。由于NavMenu组件嵌套了一层div，导致ElementUI的样式发生变化。可以在NavMenu组件中添加以下样式代码来调整样式：

/* 水平样式 */
.el-menu--horizontal > div > .el-submenu { 
  float: left; 
} 
/* 一级菜单的样式 */
.el-menu--horizontal > div > .el-menu-item { 
  float: left; 
  height: 60px; 
  line-height: 60px; 
  margin: 0; 
  border-bottom: 2px solid transparent; 
  color: #909399; 
} 
/* 解决下拉三角图标 */
.el-menu--horizontal > div > .el-submenu .el-submenu__icon-arrow { 
  position: static; 
  vertical-align: middle; 
  margin-left: 8px; 
  margin-top: -3px; 
} 
/* 解决无下拉菜单时不对齐问题 */
.el-menu--horizontal > div > .el-submenu .el-submenu__title { 
  height: 60px; 
  line-height: 60px; 
  border-bottom: 2px solid transparent; 
  color: #909399; 
}

通过以上步骤，你可以在Vue项目中使用ElementUI的NavMenu导航菜单组件。希望对你有所帮助！