省略記号フィルタvueJs

Question

私は基本的にこれを記述しますので、私は何を達成しようとしているが、自動省略記号フィルタを作成しているVue.JS

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

でDOM要素に動的にテキストコンテンツをレンダリングしています：

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

などです。

それに伴う問題は、私は行の高さ、高さ、幅などを計算するために、物品DOM要素に関する情報を必要とするということです...

私はクリーンな方法でこれらを取得する方法を見つけ出すことはできませんし、私はそれを達成するために依存性/プラグインを使いたくない。

フィルタリングされたコンテンツ要素に関するDOM情報を取得する方法はありますか？ 別のアプローチを使用する必要がありますか？

ありがとうございます。

Answer 1

ref属性を使用してDOM要素を取得する必要があります。フィルタの代わりに とcomputed propertiesを使用すると、より良い方法です。