解决iview菜单使用iconfont图标无法显示的问题

写在前面:

首先,我出现问题的场景是使用在导航菜单上,即 Menu Item;

其次,我是使用json文件递归生成的菜单列表,在meta属性中设置的icon;

今天在使用iconfont的图标作为菜单的图标时发现总是显示成方框框

使用方法和设置Button的图标是一样的,检查了好久也没有发现问题,百思不得其解……

使用F12检查元素,发现原来框架是在样式前面加上了 ivu-icon!所以样式的名称已经被改变了

解决的办法就是在样式的前面加上空格:

浏览器刷新果然成功了!查看页面元素样式如下:

这个问题不好发现原因,希望可以帮助到遇到同样问题的同行们~

猜你喜欢

转载自blog.csdn.net/lvdou1120101985/article/details/82887038
今日推荐