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 vote162 views1 answer
How to make a text website
Html
0 vote136 views1 answer
Axios retreaving index.html code
Html
5 votes89 views1 answer
V-slot vue 3
Html
0 vote136 views1 answer
Wbr tag html
Html
4 votes133 views2 answers
How to center text in svg
Html
1 vote134 views1 answer
Django template variable remove all spaces
Html
-2 votes143 views1 answer
Wordpress html templates
Html
2 votes139 views3 answers
How to disable a div in angular
Html
0 vote137 views1 answer
Customize the names of downloadable files
Html
5 votes186 views2 answers
Innerhtml angular
Html