省略號過濾vueJs

Question

我的動態呈現文本內容轉換成一個DOM元素與Vue.JS

<article>{{ movie.summary }}</article> 

我想要實現的是創建一個自動過濾省略號，所以我基本上會這樣寫：

<article>{{ movie.summary | ellipsis({maxLines: 6}) }}</article> 

例如。

但問題是，我需要對文章的DOM元素的信息來計算行高，高度，寬度等...

我無法弄清楚如何在一個乾淨的方式獲取這些和我不想使用依賴/插件來實現。

有沒有辦法獲得關於過濾內容元素的dom信息？ 我應該用另一種方法嗎？

謝謝你的時間。

Answer 1

您應該使用ref屬性來獲取DOM元素。 並且還使用computed properties而不是過濾器，這是一個更好的做法。