利用vue中的过滤器filter处理 <span>{{ details.description | handleText }}</span> 定义过滤器 ...
. html .过滤器filter ,超出 位显示... name: index , filters: ellipsis value if value return if value.length gt return value.slice , ... return value , 效果: ...
2019-05-31 16:39 0 5202 推荐指数:
利用vue中的过滤器filter处理 <span>{{ details.description | handleText }}</span> 定义过滤器 ...
一、概述 经常会见到,标题或者字段超过多长,然后进行相关的截断,以下在vue当中,使用了vue的过滤器,很好的解决了这问题。 二、代码实现 test.vue View Code ellipsis方法表示,当字符串长度超过10,显示省略号 ...
//调用,description为class名wordlimit('description', 30) ...
样式添加: ...
为了保证页面的整洁美观,在很多的时候,我们常需要隐藏超出长度的文字。这在列表条目,题目,名称等地方常用到。 (1).文字超出一行,省略超出部分,显示'...' 如果这种情况比较多,可以取一个切合作用的类名用于复用。 .line-limit-length { overflow: hidden ...
显示的数据 ...
css3功能强大,可以让超出指定宽度的部分自动显示为“...” 代码如下 注意: 1、这个必须是块元素才能实现效果;width是控制显示的宽度的,根据自己的需要做修改; 2、text-overflow:ellipsis;溢出的部分显示省略符号来代替 ...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l ...