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

133 votes291 views5 answers
How to bold text css inline
Html
0 vote282 views2 answers
How to disable copying in HTML
Html
0 vote267 views1 answer
Reverse ol order html
Html
36 votes269 views2 answers
Input without autocomplete
Html
0 vote284 views3 answers
How to use bootstrap
Html
0 vote272 views1 answer
Use jquery variable in html
Html
1 vote383 views1 answer
Html - blank space at left
Html
6 votes271 views2 answers
Show table border collapse
Html
4 votes265 views5 answers
Html tag
Html
-1 vote292 views1 answer
Bulma fullheight
Html