在不用过滤器的情况,直接通过设置 css 样式使文本溢出隐藏:
vue 框架中可以用 filter 过滤器;微信小程序中可用该方法进行设置。
1.单行文本溢出隐藏:
text{
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
2.多行文本溢出隐藏:
text{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clap:2; //设置2行溢出隐藏
}