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

13 votes143 views3 answers
Have a transparent div on an image html
Html
1 vote104 views1 answer
Html color maroon hex
Html
0 vote103 views2 answers
Vertical line navigation bar
Html
5 votes105 views1 answer
Js html textbox on change
Html
0 vote59 views2 answers
Beautifulsoup(driver.page_source 'html.parser')
Html
8 votes102 views1 answer
What is html used for
Html
0 vote108 views1 answer
Html script element
Html
0 vote106 views1 answer
Create a animated emoji discored
Html
-2 votes65 views1 answer
How to onclick function in php
Html
16 votes98 views6 answers
Cards in bootstrap
Html