我需要編寫一個呈現 html 標簽的過濾器。這是我的過濾器: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; } }}我的問題是我無法渲染原始 html。如果我簡單地這樣做:<div>{{ productName | limitStrLength(6) }}</div>html 標簽呈現為字符串(即,我在屏幕上看到類似的內容<span title=...)。我還嘗試使用v-html屬性:<div v-html="productName | limitStrLength(6)"></div>但我收到一個錯誤:屬性或方法“limitStrLength”未在實例上定義,但在渲染期間引用。任何想法?
- 0 回答
- 0 關注
- 126 瀏覽
添加回答
舉報
0/150
提交
取消