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

5 votes106 views2 answers
Add Youtube videos to a website html
Html
0 vote102 views1 answer
Disable disabled html element button input div
Html
1 vote113 views1 answer
Html color black
Html
28 votes112 views3 answers
Meta scale html
Html
7 votes108 views4 answers
New laravel
Html
0 vote128 views1 answer
Html table td right align
Html
0 vote101 views1 answer
Selenium click not working
Html
2 votes109 views3 answers
Emoji icon html
Html
1 vote164 views1 answer
Material react grid
Html
0 vote122 views1 answer
What is erc721
Html