现在有这样一个需求,把下面底部列表用 v-for 做循环
 
 
 上图图标都是字体图标,所以在循环时不能使用 Font class
 
 
 这样写,运行后不会显示字体图标,而是直接显示字符串
 
 如果改成 iconfront.css 中 content 的值,行不行呢 
 
 
 
            
 还是不行,这样运行会报错,提示无用的转译, \e
 
            
 解决方法是,在 e 前面加上 u,如下
 
 
 最后一定不要忘记,在你循环的元素标签中加上class=“iconfont”
 
 
 此时,又会出现一个问题,如下图,
 
 
 要解决这个问题,可以使用 class 对象写法,并用 v-bind 动态绑定
 
 

有需要的朋友可以领取支付宝到店红包,能省一点是一点