Question

152

rated 0 times [ 154] [ 2] / answers: 1 / hits: 47844 / 7 Years ago, mon, october 9, 2017, 12:00:00

I am trying to display a message once the user logs in.

In the case where number of characters exceed 8, how can I display only the first 8 characters of a name followed by ".." ? (Eg: Monalisa..)

new Vue({

    el: '#app',

    data: {

        username: 'AVERYLONGGGNAMMEEE'

    }

});

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 659

Total Questions: 105

Total Answers: 100

Location: Singapore

Member since Sat, Jul 25, 2020

4 Years ago

answered 7 Years ago stefanicarolinat · Accepted Answer

Here is my answer fiddle : ANSWER-DEMO

<div id=app>

  <div v-if=username.length<8>Welcome, {{ username }}</div>

  <div v-else>Welcome, {{ username.substring(0,8)+.. }}</div>

</div>