vue 根据字符串的长度控制显示的字数超出显示省略号

最新推荐文章于 2024-04-25 16:57:43 发布

青茶360

最新推荐文章于 2024-04-25 16:57:43 发布

阅读量1.1k

点赞数

分类专栏： uni-app 文章标签： vue.js 前端 uniapp

本文链接：https://blog.csdn.net/NCZB007/article/details/128120489

版权

uni-app 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

页面代码：

<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同级即可，