vue 中 标题字数过长,超出部分用...代替的方法
如下代码:<el-tooltip class="item" effect="dark" :content="item.value" placement="top"><span>{{item.value | ellipsis}}</span></el-tooltip>加上个过滤器即可filters: {// 当标题字数超出时,超出部分显示’...‘。此
·
如下代码:
<el-tooltip class="item" effect="dark" :content="item.value" placement="top">
<span>{{item.value | ellipsis}}</span>
</el-tooltip>
加上个过滤器即可
filters: {
// 当标题字数超出时,超出部分显示’...‘。此处限制超出8位即触发隐藏效果
ellipsis (value) {
if (!value) return ''
if (value.length > 8) {
return value.slice(0, 8) + '...'
}
return value
}
}
filters写法:与methods同级即可
更多推荐
已为社区贡献8条内容
所有评论(0)