elementUI-输入框内容太长超出怎么搞

更新时间:2023-07-09 21:59:22 阅读: 评论:0

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;
想法英语
}

本文发布于:2023-07-09 21:59:22,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/90/172436.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:超出   内容   设置   样式   过滤器   网名
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图