DEV Community

zanetti4
zanetti4

Posted on

Rendered html is wrong by v-html

html error
I have got the strings from a request.

"<div><p class=\"my-3\">在东南亚国家联盟的组织框架下,东盟十国的旅游组织致力于共同发展和促进东盟十国成为理想的旅游目的地。</p><p class=\"my-3\">快来体验东盟国家独特的多样性、热情好客和美丽吧。在十个完美的旅游目的地体验美好的假期;在文莱、柬埔寨、印度尼西亚、老挝、马来西亚、缅甸、菲律宾、新加坡、泰国和越南感受我们对游客的热情。</p><p class=\"my-3\">合作伙伴:TTG Asia Media (https://www.ttgasiamedia.com/); Mekong Tourism (https://mekongtourism.org/)</p></div>"
Enter fullscreen mode Exit fullscreen mode

I want to render it by v-html.

<div v-html="formData.about_southeast_asia"></div>
Enter fullscreen mode Exit fullscreen mode

But the rendered html is wrong like the picture above. Why is it? Please someone help me. Thanks!

Top comments (0)