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

236 votes387 views6 answers
Bootstrap cdn link
Html
0 vote158 views1 answer
Bootstrap 4 spinner not showing
Html
0 vote303 views3 answers
Javascript get custom attribute value from element
Html
-1 vote147 views1 answer
Bulma fullheight
Html
50 votes168 views6 answers
Html text color
Html
1 vote140 views2 answers
React script cdn
Html
0 vote169 views2 answers
Bootstrap icons chevron
Html
0 vote374 views1 answer
Center class in html
Html
1 vote164 views1 answer
Html i tag
Html
7 votes158 views4 answers
Boilerplate code in html
Html