经常会见到,标题或者字段超过多长,然后进行相关的截断,以下在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>