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

2 votes119 views3 answers
React cdn
Html
52 votes130 views6 answers
Play audio on click javascript
Html
0 vote138 views1 answer
Html header color
Html
0 vote124 views2 answers
Tailwind css link
Html
1 vote121 views1 answer
Height() jquery com php
Html
0 vote124 views1 answer
Pills vertically with content on right
Html
5 votes244 views1 answer
How to center html heading
Html
0 vote135 views1 answer
Inject html text bold into page view.py
Html
12 votes125 views5 answers
Meta refresh url
Html
2 votes123 views2 answers
Lock the zoom html
Html