我需要編寫(xiě)一個(gè)呈現(xiàn) html 標(biāo)簽的過(guò)濾器。這是我的過(guò)濾器:filters: { limitStrLength: function (value, maxLength) { if (value && value.length > maxLength) { let partialVal = value.substr(0, maxLength) + "..."; return "<span title='" + value + "' >" + partialVal + "</span>"; } else { return value; } }}我的問(wèn)題是我無(wú)法渲染原始 html。如果我簡(jiǎn)單地這樣做:<div>{{ productName | limitStrLength(6) }}</div>html 標(biāo)簽呈現(xiàn)為字符串(即,我在屏幕上看到類似的內(nèi)容<span title=...)。我還嘗試使用v-html屬性:<div v-html="productName | limitStrLength(6)"></div>但我收到一個(gè)錯(cuò)誤:屬性或方法“l(fā)imitStrLength”未在實(shí)例上定義,但在渲染期間引用。任何想法?
- 0 回答
- 0 關(guān)注
- 123 瀏覽
添加回答
舉報(bào)
0/150
提交
取消