写在前面:
首先,我出现问题的场景是使用在导航菜单上,即 Menu Item;
其次,我是使用json文件递归生成的菜单列表,在meta属性中设置的icon;
今天在使用iconfont的图标作为菜单的图标时发现总是显示成方框框
使用方法和设置Button的图标是一样的,检查了好久也没有发现问题,百思不得其解……
使用F12检查元素,发现原来框架是在样式前面加上了 ivu-icon!所以样式的名称已经被改变了
解决的办法就是在样式的前面加上空格:
浏览器刷新果然成功了!查看页面元素样式如下:
这个问题不好发现原因,希望可以帮助到遇到同样问题的同行们~