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 vote277 views1 answer
Html set character encoding
Html
0 vote269 views1 answer
Html domain
Html
-1 vote310 views2 answers
How to make footer static bootsrap
Html
-1 vote280 views1 answer
How to add Music to body html
Html
0 vote321 views3 answers
Python Video Playing
Html
15 votes302 views3 answers
Bootsstrap navbar
Html
1 vote287 views3 answers
Bootstrap cards with image on the right side
Html
-1 vote284 views1 answer
Input telefono html
Html
0 vote306 views1 answer
Twig echo html code
Html
0 vote309 views1 answer
Twig format currency
Html