超过固定字数省略,多行省略号

利用计算属性,判断超出40字数省略

data() {
			return {
datas: [{
				  coverPic:require('../../assets/img/about/video1.jpg'),
				  title:'小思观债 | 1月房企合理资金需求得到嗖的骑嗖的骑蜗牛发OK伤风胶囊',
				  information:'1月,中思拓研究院重点监测的100家上市房企债 券发行规模为392.15亿元,发债规模同比大幅发行规模为392.15亿元,发债规模同比大幅'
			  },{
				  coverPic:require('../../assets/img/about/video2.jpg'),
				  title:'拉阿拉了啦| 1月房企合理资金需求得到嗖的骑嗖的骑蜗牛发OK伤风胶囊',
				  information:'1月,中思拓研究院重点监测的100家上市房企债 券发行规模为392.15亿元,发债规模同比大幅发行规模为392.15亿元,发债规模同比大幅'
			  }],
			
				current: 0,
				msg: '1月,中思拓研究院重点监测的100家上市房企债券发行规模为392.15亿元,发债规模同比大幅 发行规模为392.15亿元,发债规模同比大幅',
				images: [
				        'https://img01.yzcdn.cn/vant/apple-1.jpg',
				        'https://img01.yzcdn.cn/vant/apple-2.jpg',
				      ],
			}
		},

		computed: {
			data() {       //在数组中
				let transformedData = this.datas.map(data => {
					data.imgurl = data.coverPic         //返回原值
					data.text1 = data.title              //返回原值
					if (data.information.length > 40) {     //判断后取过了字段  
					data.text2 = data.information.trim().substring(0, 40).split("").slice(0, -1).join("") + "…";
					}
					return data
				})
				 return transformedData
			},
		    text2() {    //普通字段中
				
					if (this.msg.length > 45) {
					return this.msg.trim().substring(0, 45).split("").slice(0, -1).join("") + "…";
					}
				
		        
				
		    }
		},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值