Create a newline from computed string

user_1115116 0
Viewed 48

I would like to know how to add a newline in a computed string with the concatenation of string values. I need the values to be this.

1111 Ave, Apt 107
Iowa mycity, myzip

Here's what I have.

companyAddress()
            {
                return this.lead.address + ", " + this.lead.address2 + '\n' +
                    this.lead.state + ", " +  this.lead.city + " " + this.lead.zip;
            }

I get values no problem, but I can't get the \n to separate to two lines.

vuejs2
1 Answers

You can use v-html in your template.

<span v-html="companyAddress"></span>


companyAddress() {
   return `${this.lead.address, ${this.lead.address2} <br> ${this.lead.state}, ${this.lead.city} ${this.lead.zip}`;
}
user_76890520
Related