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 vote284 views1 answer
<style>body {background-color: coral;}</style>
Html
-1 vote285 views1 answer
Let's encrypt ssl not working
Html
1 vote302 views1 answer
Html yen symbol
Html
0 vote335 views1 answer
How to align input line in html forms
Html
0 vote291 views1 answer
Mailto like call
Html
1 vote299 views1 answer
Html to markdown table
Html
2 votes288 views2 answers
Toggle button
Html
1 vote350 views1 answer
Translate html in magento 2
Html
1 vote355 views1 answer
Holy grail with flexbox
Html
0 vote315 views1 answer
Html schriftart einbinden
Html