vue 中标题或一段文字数过长,使用用...代替的方法


在页面中使用方法:

<li v-for="m in item.Files">
    <div style="font-size:14px;" :title="m.FileName">{{m.FileName | ellipsis}}</div>
</li>

在Vue代码中加上个过滤器:

        var vueObj = new Vue({
            el: '#feedbackList',
            data: {
                feedList:[]
            },
            methods: {
               ......
            },
            filters: {
                //文字数超出时,超出部分使用...
                ellipsis(value) {
                    if (!value) return ''
                    if (value.length > 10) {
                        return value.slice(0, 10) + '...'
                    }
                    return value
                }
            }
        })

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM