filters: {
truncate: function (text, length, suffix) {
if (text.length > length) {
return text.substring(0, length) + suffix;
} else {
return text;
}
},
}
<!-- For Vue/Vuetify -->
<!-- Requires display: inline-block or display: block -->
<span
class="d-inline-block text-truncate"
style="max-width: 150px;"
>
Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus.
</span>