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

鍍金池/ 問答/HTML/ iconfont是字符串,怎么處理成正確的圖標(biāo)

iconfont是字符串,怎么處理成正確的圖標(biāo)

正常情況下,應(yīng)該是這樣的:

clipboard.png

但是因?yàn)闃I(yè)務(wù)需求,需要?jiǎng)討B(tài)展示:

clipboard.png

clipboard.png

就導(dǎo)致iconfont展示錯(cuò)誤,因?yàn)閕con不是字符串,這種應(yīng)該怎么處理讓他正確展示?

回答
編輯回答
忠妾

“轉(zhuǎn)義實(shí)體”,你“原樣”放到頁面上就可以了,類似要放一段 html 到頁面那種。 angular 中,是用 ng-bind-html 這種處理,其它框架也有類似的東西。

2017年5月12日 17:15
編輯回答
莫小染

使用 mustache {{}} 會(huì)被轉(zhuǎn)譯的,要用 raw 的方式引用進(jìn)去,記得原來幾個(gè)版本的 vue 還可以用三個(gè)括號(hào),
{{{}}}, 現(xiàn)在最好用 v-html:
<text calss="bar-ic iconfont" v-html="i.icon"></text>

2018年8月30日 06:15
編輯回答
久不遇

我在做weex項(xiàng)目,weex不支持before偽類,所以不能用類名形式展示圖標(biāo),原來的想法破產(chǎn)!

不過!我發(fā)現(xiàn)了另一個(gè)方法,就是直接將字符串解碼,這里用一個(gè)解碼器:he

附上地址:https://github.com/mathiasbyn...

調(diào)用he.decode()可以將需要的html字符串解碼

那么,怎么應(yīng)用在我的需求上呢?

寫一個(gè)過濾器,在過濾器中調(diào)用解碼方法,這樣便可將字符串格式的字符實(shí)體轉(zhuǎn)化

html:

<text class="bar-ic iconfont">{{i.icon | myFilter}}</text>

js:

Vue.filter('myFilter', function(value) {
    return he.decode(value);
})

美滋滋~下班!

2018年5月5日 02:16
編輯回答
懶洋洋

v-html來渲染你的字符串

2017年3月2日 09:36