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 vote325 views1 answer
Fa-fa-home
Html
-3 votes327 views6 answers
Bootstrap toast
Html
-2 votes310 views1 answer
All codes of html
Html
0 vote332 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Html
0 vote309 views1 answer
Html forms send button
Html
15 votes316 views3 answers
Game engine
Html
0 vote324 views1 answer
Yaml multiline string
Html
9 votes327 views4 answers
Html include jquery
Html
27 votes329 views3 answers
Space bar html
Html
2 votes339 views1 answer
Link to google icons embed in my website
Html