vue怎么决定文本显示几行，防止溢出

可以使用CSS中的`text-overflow`和`ellipsis`属性来实现文本溢出隐藏并添加省略号，同时结合`line-clamp`属性来控制文本显示行数。

具体步骤如下：

1. 设置元素的高度和`overflow`属性为`hidden`，这样超出高度的文本会被隐藏。
2. 设置`text-overflow`属性为`ellipsis`，这样被隐藏的文本会被省略号代替。
3. 设置`display`属性为`-webkit-box`，这样可以使用`-webkit-line-clamp`属性来控制文本显示行数。
4. 设置`-webkit-line-clamp`属性为需要显示的行数，这样文本就会被限制在指定的行数内。

示例代码如下：

.text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2; /* 显示2行文本 */
  height: 40px; /* 元素高度 */
}

这样就可以控制文本显示的行数，并且防止溢出了。需要注意的是，`-webkit-line-clamp`属性只在WebKit内核的浏览器中生效，所以需要加上`-webkit-`前缀。