elementUI-输⼊框内容太长超出怎么搞elementUI-输⼊框太长超出怎么搞
需求如下：
// methods中写个长度的⽅法，这⾥仅选中内容展⽰，不做其他选择下拉使⽤普通人如何快速致富
ellipsis(value, length =20){
if(!value)return"";
if(value.length > length){
return value.slice(0, length)+"...";
}走英文
return value;
}
意思是超出多少长度时，后⾯⽤ ... 代替即可；
当然如果不是输⼊框的话可以⽤过滤器来实现；
1、设置过滤器
filters:{
口红怎么选
ellipsis(value){
垂头丧气的意思是什么if(!value)return""
if(value.length >20){
return value.slice(0,20)+"..."
中韩自由贸易协定}
return value
冰淇淋}
},
2、使⽤过滤器
<el-table-column label="标题" width="150">
<template slot-scope="scope">
<span>{{ w.title| ellipsis }}</span>
</template>
</el-table-column>
亲人离世
当然也可以使⽤样式限制内容超出后显⽰…
设置输⼊框宽度，然后加上下⾯的样式就可以；
.text-ellipsis{
white-space: nowrap;
text-overflow: ellipsis;中国姓氏起源
overflow: hidden;
}
