Using Vue.JS, I am dynamically injecting text content into a DOM element.
<article>{{ movie.summary }}</article>
My goal is to implement an auto-ellipsis filter. Essentially, the code would look like this:
<article>{{ movie.summary | ellipsis({maxLines: 6}) }}</article>
However, the challenge lies in obtaining information about the article DOM element in order to calculate line-height, height, width, etc...
I'm struggling to find a clean way to retrieve this information without relying on external dependencies or plugins.
Is there a method to obtain DOM information about the filtered content element? Do you recommend a different approach?
Thank you for your assistance.