用vue写文字超出固定字符限制出现 展开详情和收起的功能

Question

功能很简单 其实就是给出一个固定的字符长度 超出后显示展开详情 通过变量 来控制 展开收起但是这个省略号怎么整

Answer 1

<p>{{text}}<span>{{less ? '...省略' ： '收起'}}<span></p>