鍍金池/ 問答/HTML/ iconfont在 mpvue中無法顯示

iconfont在 mpvue中無法顯示

1.v-for循環(huán)不同的圖標；
clipboard.png

2.
clipboard.png

3.循環(huán)出來的

clipboard.png

4.不用v-for情況下，可以顯示：

clipboard.png

clipboard.png

5.請問如何能讓v-for循環(huán)出來的圖標正常顯示？

回答
編輯回答
故人嘆

1.{{ }} 將元素當(dāng)成純文本輸出
2.v-text 將元素當(dāng)成純文本輸出
3.v-html 將元素當(dāng)成HTML標簽解析后輸出

你需要是將item.icon以html標簽輸出，這樣iconfont才能正確渲染。
解決方式如下：
<li v-for="(item, index)" in iconList">

<i class="iconfont" v-html="item.icon"></i>

</li>

2018年4月30日 02:15
編輯回答
陪我終

應(yīng)該是循環(huán)的時候把icon當(dāng)字符串處理了，你看看加上 雙撇 行不行： {{`item.icon`}}

2017年1月28日 16:34