vue.js - elementUI动态获取导航栏的内容

查看:976
本文介绍了vue.js - elementUI动态获取导航栏的内容的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

文档里的导航栏是写死的,指的是(宿舍,教室...那些值)我想要的是导航栏的内容是从后台获取的,但是不知道怎么将这里的值(宿舍,教室,客厅>..)绑定,请求哪位大神指教!谢谢!

解决方案

问题已解决。通过使用v-for来绑定

接口部分:

另外,我自己在el-menu设置了上左右的外边距样式,发现每个item都会上下距,

然后我到浏览器审查元素的时候发现每个el-menu都是ul,每个el-menu-item都是li,

所以应该在整个el-menu的外部加一个div调整整个导航栏的样式。

使用ui库审查元素还是很重要的,对设置样式还有数据设置判断都很有帮助。

这篇关于vue.js - elementUI动态获取导航栏的内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆