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

6 votes217 views2 answers
What is noscript tag
Html
8 votes221 views2 answers
Html link color
Html
1 vote234 views1 answer
Link phone number mail html
Html
1 vote232 views1 answer
Html required checkbox
Html
0 vote224 views1 answer
Strictmode causes double render
Html
0 vote231 views1 answer
How to make squares in html
Html
11 votes213 views4 answers
Progress bar bootstrap
Html
0 vote210 views1 answer
Bootstrap dl
Html
0 vote227 views1 answer
Komodo ide 13
Html
0 vote223 views1 answer
How to create seprate flex box for adding items into the box
Html