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 vote201 views1 answer
HTML JWB2
Html
0 vote202 views1 answer
OpenGraph 1
Html
8 votes213 views2 answers
How to include href in image
Html
0 vote200 views1 answer
How to select multiple elements in vs code mac
Html
0 vote195 views1 answer
Js template html
Html
17 votes204 views2 answers
Html new target
Html
29 votes192 views2 answers
How to do a line break in html
Html
2 votes269 views1 answer
Html text not markable
Html
1 vote200 views1 answer
#ubuntu "demarrer vcs en super user"
Html
0 vote201 views1 answer
Google Books Embedded Viewer API Example
Html