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 vote199 views1 answer
If n and m vary inversely given that n = 1.4, m =1.2 then the constant of proportionality = ________
Html
0 vote245 views1 answer
Documentformat.openxml bold text
Html
1 vote237 views1 answer
Svelte for loop
Html
0 vote225 views1 answer
Loader
Html
0 vote219 views1 answer
Html vase
Html
0 vote209 views1 answer
How to connect alert and document.location in html
Html
14 votes216 views6 answers
Html select placeholder
Html
2 votes214 views2 answers
Html emojiis
Html
0 vote206 views1 answer
How to add square root symbol in HTML Web page
Html
1 vote239 views2 answers
A page with html cheat sheet
Html