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

4 votes260 views1 answer
React select, option
Html
0 vote301 views1 answer
Delete icon in html
Html
23 votes228 views6 answers
Meta tags
Html
59 votes244 views2 answers
Html round border
Html
4 votes213 views1 answer
Prevent back button after logout
Html
0 vote262 views1 answer
Chrome extension button click to different html page
Html
0 vote252 views3 answers
Multiple countdown timer js
Html
38 votes236 views5 answers
Border bottom class in bootstrap 4
Html
0 vote237 views1 answer
Hightcharts font
Html
0 vote257 views1 answer
Was not loaded because its mime type, “text/html”, is not “text/css”. react
Html