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

24 votes176 views5 answers
How to make a rectangle in javascript
Html
13 votes215 views10 answers
Atom
Html
0 vote199 views2 answers
Tailwind hover inner div
Html
0 vote197 views1 answer
Add background image in html without css
Html
0 vote204 views1 answer
Heiht jtml
Html
1 vote196 views1 answer
Did not expect server html to contain a div in div
Html
0 vote242 views1 answer
Pdf to html python
Html
4 votes199 views1 answer
HTML DOM innerText
Html
9 votes210 views4 answers
Html include jquery
Html
15 votes195 views2 answers
Boootstrap
Html