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 vote206 views1 answer
Elasticsearch built-in security features are not enabled. Without authentication, your cluster could be accessible to anyone. See https://www.elastic.co/guide/en/elasticsearch/reference/7.15/security-minimal-setup.html to enable security.
Html
98 votes176 views6 answers
How to hide scrollbar html
Html
17 votes172 views2 answers
Html new target
Html
1 vote145 views1 answer
Chrome mobile color address bar
Html
8 votes162 views3 answers
Ng style
Html
10 votes159 views1 answer
& in html
Html
3 votes169 views1 answer
How to use custom domain name instead of localhost on xampp for linux
Html
0 vote189 views1 answer
Amzaon web scraper html
Html
3 votes167 views1 answer
Bootstrap boilerplate code
Html
0 vote171 views1 answer
On change event html not working
Html