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

1 vote140 views1 answer
Responsive svg image in html
Html
15 votes160 views2 answers
Html datetime format
Html
0 vote167 views1 answer
Resize the image in jupyter notebook
Html
1 vote142 views1 answer
Ngif async pipe
Html
7 votes159 views2 answers
Animate on scroll
Html
0 vote220 views2 answers
Http://www.w3.org/1999/xhtml
Html
133 votes141 views6 answers
Open website in new tab html
Html
43 votes169 views6 answers
Line break html
Html
17 votes156 views2 answers
Html new target
Html
1 vote190 views1 answer
Placeholder wpf
Html