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 vote141 views1 answer
Html to markdown table
Html
26 votes122 views6 answers
Meta tag
Html
40 votes130 views6 answers
Flutter Build
Html
13 votes145 views3 answers
Variables in html
Html
16 votes87 views1 answer
How to change tab icon html
Html
6 votes131 views1 answer
Textarea placeholder
Html
0 vote88 views1 answer
Link underline none
Html
1 vote143 views2 answers
Zohra Segal
Html
-1 vote137 views1 answer
Structure of an html document
Html
0 vote141 views1 answer
Liveweaver
Html