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 vote250 views1 answer
Mouse hover image html
Html
0 vote297 views1 answer
Storybook fonts
Html
3 votes251 views10 answers
Rick roll
Html
0 vote234 views1 answer
Jinja check if variable is none
Html
0 vote332 views2 answers
Undefined index token in get_request_headers
Html
4 votes227 views2 answers
Use of urdu in lang attribute in html
Html
0 vote256 views1 answer
Html color crimson hex
Html
0 vote246 views2 answers
Servicenow g: breakpoint
Html
0 vote260 views1 answer
How to add a button bootstrap
Html
4 votes249 views1 answer
Textbox dropdown with manual input
Html