vue 渲染数据文字超出显示省略号

最新推荐文章于 2025-02-21 16:19:41 发布

wzk2329

最新推荐文章于 2025-02-21 16:19:41 发布

阅读量523

点赞数 1

文章标签： vue.js javascript html

本文链接：https://blog.youkuaiyun.com/wzk2329/article/details/120059710

版权

<template>

    <div class="title">{{str | ellipsis}}</div>

</template>



expoet default {
    name: 'test',
    data () {
        return {
            title: '测试页面'
            str: '这是一个很长的字符串',
        }
    },

    filters: {

            // 判断超出5个字显示省略号
            ellipsis (value) {
                if (!value) return ''
                if (value.length > 5) {
                    return value.slice(0,5) + '...'
                }
                return value
            },
    
    },

    methods: {

    }

  



}