Vue 文字超出部分显示为省略号

<div class="time" :show-overflow-tooltip="true">文件名: {{ 文件名 | ellipsis }}div>

filters: {
    /**
     * 文件名超出24个字符后显示省略号
     */
    ellipsis(value) {
        if (!value) return ''
        if (value.length > 24) {
            return value.slice(0, 24) + '...'
        }
        return value
    }
},