<template>
...
<p class="name">
{{ item.name | truncateText(15) }}
</p>
...
</template>
<script>
export default {
filters: {
truncateText: function (value, limit) {
if (value.length > limit) {
return value.slice(0, limit) + '...'
}
return value
}
},
}
</script>