<template> <a-tooltip placement="topLeft"> <template slot="title"> <span>{{ value }}</span> </template> {{ value | ellipsis(length) }} </a-tooltip> </template> <script> export default { name: 'JEllipsis', props: { value: { type: String, required: false, }, length: { type: Number, required: false, default: 25, } } } </script> <style scoped> </style>