js 模板字符串里面用换行符不起作用

js 模板字符串里面用换行符不起作用

有时候会遇到赋值过程中的字符串需要换行的情况，但是像下面那样直接 \n 是不行的。

 this.text = `提示： \n ${this.tip}`

而这个时候得在它的HTML标签元素上，添加css样式设置： white-space:pre-line; 这样以上这段代码就生效了

完整示例：

//html
<div style="white-space:pre-line">{{text}}</div>
//js
 this.text = `提示： \n ${this.tip}`