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 vote189 views2 answers
Chrome Extension change popup
Html
0 vote240 views1 answer
How to set right to left font in html
Html
-4 votes168 views6 answers
Headings in html
Html
236 votes518 views6 answers
Bootstrap cdn link
Html
0 vote210 views2 answers
Font awesome css content not showing
Html
22 votes180 views3 answers
CSS smoth scrol
Html
0 vote451 views1 answer
Bootstrap switch change text
Html
0 vote201 views1 answer
How to download file html button
Html
0 vote190 views1 answer
Access wireshark through powershell ps1
Html
21 votes177 views1 answer
Phone screen size fix html meta
Html