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

127 votes189 views6 answers
Html href new tab
Html
13 votes191 views5 answers
Bootstrap checkbox inline
Html
1 vote151 views3 answers
Canvas draw rectangle
Html
0 vote129 views2 answers
V-for example
Html
0 vote183 views1 answer
Store json object in data attribute in html
Html
2 votes195 views4 answers
Youutbe
Html
2 votes186 views2 answers
Cahnge bootstrap navbar color
Html
-1 vote169 views2 answers
<link rel = "icon" href = "logo.jpg" type = "logo"> issue
Html
41 votes169 views2 answers
Add spaces html
Html
0 vote180 views1 answer
Twig post
Html