CODEWITHSUNDEEP
vue.js
sandeep Chhetri
sandeep Chhetri

Reputation: 15

Line break in vue js

Vue js code:-

getTitleText(){
  let mainTitle = "";

  let getTitle = this.titleText;
  let countGetTitle = getTitle.split(" ").length;
  if(countGetTitle > 4){
      mainTitle = getTitle.replace(/(\S+\s*){1,4}/g, "$&\n");
  }
  console.log("countGetTitle = ",countGetTitle);
  console.log("getTitle = ",mainTitle);
    return mainTitle;
},

html:-

<div class="end-workout-title1">{{ getTitleText() }}</div>

but I am getting a full line in output. Please help me where I am getting worng

Upvotes: 1

Views: 426

Answers (1)

Boussadjra Brahim
Boussadjra Brahim

Reputation: 1

Add to your class add the white-space:pre rule :

.end-workout-title1{
   ...
   white-space:pre
}

Upvotes: 2

Related Questions