elementUI-输⼊框内容太长超出怎么搞elementUI-输⼊框太长超出怎么搞
需求如下:
// methods中写个长度的⽅法,这⾥仅选中内容展⽰,不做其他选择下拉使⽤
ellipsis(value, length =20){
长宽比
if(!value)return"";
if(value.length > length){
return value.slice(0, length)+"...";
}
milkywayreturn value;
}
意思是超出多少长度时,后⾯⽤ ... 代替即可;
当然如果不是输⼊框的话可以⽤过滤器来实现;
机器人英文翻译1、设置过滤器
filters:{
ellipsis(value){
if(!value)return""
grip是什么意思if(value.length >20){
return value.slice(0,20)+"..."
wmc}
return value
}
dailyroutine
},
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;
想法英语
}