vue中控制字符串文本在指定位置换行

在vue项目中，通过双花括号（"{{}}"）数据绑定的字符串文本，如下

          <div class="qrhelp-answer">
            <span class="da">答：</span>
            <span> {{item.answer}}</span>
          </div>

后来通过使用v-html进行文本绑定，换行生效；

          <div class="qrhelp-answer">
            <span class="da">答：</span>
            <span v-html="item.answer"></span>
          </div>

并在文本字符串中添加换行符（ 
 ）

    helpList:[
          {
            question:"sdfgsdfgasdfgsd",
            answer:"sdfgdsfgsdfgdsfgsdfgsd
fgsdfgsdfgdsfgsdfg"
          }
    ]

显示效果如下：

sdfgdsfgsdfgdsfgsdfgsd
fgsdfgsdfgdsfgsdfg