在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