v-html no reconoce\nSolución

En algunos escenarios especiales en html, es necesario que cierto texto se ajuste cuando encuentra \n, pero a menudo no tiene efecto después de agregarlo. Eso es porque las etiquetas html no reconocen \n, piense \n, solo un texto normal.

Suele haber varias soluciones a este problema.

\n1. Use expresiones regulares para reemplazar html con<br>

<div v-else v-html="`${item.answer}`.replace(/\n/g,'<br/>')"></div>

2. estilo CSS

<div v-else v-html="`${item.answer}`" style="white-space:pre-line;"></div>

3. <pre></pre>Las etiquetas
no son efectivas

<pre>
	<div v-else v-html="`${item.answer}`"></div>
</pre>

Supongo que te gusta

Origin blog.csdn.net/Selina_lxh/article/details/129747432
Recomendado
Clasificación