在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ iconfont在 mpvue中無(wú)法顯示

iconfont在 mpvue中無(wú)法顯示

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

2.
clipboard.png

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

clipboard.png

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

clipboard.png

clipboard.png

5.請(qǐng)問(wèn)如何能讓v-for循環(huán)出來(lái)的圖標(biāo)正常顯示？

回答
編輯回答
故人嘆

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

你需要是將item.icon以html標(biāo)簽輸出，這樣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)的時(shí)候把icon當(dāng)字符串處理了，你看看加上 雙撇 行不行： {{`item.icon`}}

2017年1月28日 16:34