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


export default {
  name: 'LetterSlice',
  filters: {
    ellipsis (value) {
      if (!value) return ''
      if (value.length > 8) {
        return value.slice(0,8) + '...'
      }
      return value
    }
  }
}


使用方法

{{ content | ellipsis }}

//结合 element-ui 使用
<el-table-column
label="值"
prop="content"
>
<template slot-scope="scope">
{{ scope.row.content | ellipsis }}
</template>
</el-table-column>