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 vote353 views1 answer
Fafa login icons html code
Html
3 votes313 views1 answer
Bootstrap hero header
Html
0 vote313 views1 answer
Laravel route regular expression constraints
Html
1 vote244 views1 answer
Safe webp image usage html
Html
32 votes315 views6 answers
Text align center
Html
9 votes304 views3 answers
On click in a tag
Html
1 vote409 views1 answer
Html how to make text not bold
Html
0 vote296 views1 answer
Html how to nest 2 tags
Html
0 vote303 views1 answer
Html interview questions github
Html
1 vote346 views9 answers
Among us
Html