Vuetify truncate text

Vue truncate text

filters: {
        truncate: function (text, length, suffix) {
            if (text.length > length) {
                return text.substring(0, length) + suffix;
            } else {
                return text;
            }
        },
    }

Source: stackoverflow.com

Vuetify truncate 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>

Similar codes

0 vote165 views1 answer
Html input time only hours and minutes
Html
0 vote169 views1 answer
Postcss minify
Html
10 votes165 views3 answers
How to make text uppercase html
Html
0 vote175 views1 answer
Html picture unpressable
Html
1 vote168 views1 answer
Html color tomato hex
Html
3 votes144 views1 answer
How to add country flag in html
Html
0 vote176 views1 answer
Webpack Hot replace module unsafe-inline
Html
0 vote184 views2 answers
Subscript in html
Html
38 votes161 views6 answers
Iframe in html
Html
1 vote267 views2 answers
Cshtml foreach display
Html