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