省略号过滤器vueJs

时间:2017-02-11 15:01:39

标签: javascript dom vuejs2 vue.js

我使用Vue.JS动态地将文本内容渲染到dom元素

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

我想要实现的是创建一个自动省略号过滤器,所以我基本上写这个:

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

例如。

问题在于我需要有关文章DOM元素的信息来计算行高,高度,宽度等......

我无法弄清楚如何以干净的方式检索它们,我不想使用依赖/插件来实现它。

有没有办法获取有关已过滤内容元素的dom信息? 我应该使用其他方法吗?

感谢您的时间。

1 个答案:

答案 0 :(得分:1)

您应该使用ref属性来获取DOM元素。 并使用computed properties代替过滤器,这是一种更好的做法。