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 vote307 views10 answers
Transcash
Html
0 vote347 views4 answers
Bootstrap dropdown
Html
21 votes379 views4 answers
Bootstrap 5 text bold
Html
-1 vote339 views2 answers
Html button click go to section
Html
0 vote406 views4 answers
Twig format datetime
Html
1 vote325 views2 answers
Html web design
Html
-1 vote357 views1 answer
Encode plus sign in url
Html
1 vote339 views1 answer
Html get text from file
Html
1 vote357 views1 answer
Hidden label html
Html
0 vote331 views1 answer
Ancres html
Html