通过更改菜单项模板(template)中的i标签的类名,可以将左侧菜单栏的图标进行设置,我们需要在项目中使用第三方字体图标
在数据中添加一个iconsObj:
//template中:
<i :class="iconsObj[item.id]"></i>//js的data中定义
iconsObj: {'125':'iconfont icon-user','103':'iconfont icon-tijikongjian','101':'iconfont icon-shangpin','102':'iconfont icon-danju','145':'iconfont icon-baobiao'}
图标不同循环的菜单不能一一添加,类名动态绑定,通过对应id获取(对应数据在data中)。然后将图标类名进行数据绑定,绑定iconsObj中的数据: