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 vote143 views1 answer
Html don't date to phone number
Html
0 vote118 views1 answer
Slim-rails gem
Html
0 vote133 views1 answer
Bootstrap dropdown on hover
Html
0 vote140 views2 answers
Html input max words
Html
1 vote163 views1 answer
Bring footer to front html
Html
5 votes153 views2 answers
HTML hello world
Html
0 vote152 views1 answer
Svg marker
Html
77 votes169 views6 answers
Join array javascript
Html
5 votes132 views1 answer
Video tag thumbnail
Html
0 vote184 views1 answer
Bootstrap soft corner
Html