vuejs2 - 从计算字符串创建换行符

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}`;
}