从计算字符串创建换行符

Question

我想知道如何在连接字符串值的计算字符串中添加换行符。我需要这样的值。

1111 Ave, Apt 107
爱荷华州 mycity，myzip

这是我的。

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

我获取值没有问题，但我无法将 \n 分隔成两行。

Answer 1

您可以在模板中使用 v-html。

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


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

从计算字符串创建换行符

Create a newline from computed string

vuejs2