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

经常会见到，标题或者字段超过多长，然后进行相关的截断，以下在 vue 当中，使用了 vue 的过滤器，很好的解决了这问题。

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

<script>
    export default {
        name: "demo",
        data(){
            return {name:'这是一个标题',}
        },
        filters:{ellipsis(value){if (!value) return '';
                if (value.length > 10) {return value.slice(0,10) + '...'
                }
                return value
            }
        }
    }
</script>

<style scoped>

</style>

参考资料

Vue 过滤器