v-html解析出来有空格

回答: 当使用v-html指令解析HTML内容时，如果HTML内容中包含空格，那么这些空格会被保留。这是因为v-html指令会将HTML内容作为原始字符串插入到DOM中，而不会对其进行处理。如果你想去掉HTML内容中的空格，可以使用CSS的white-space属性来控制元素的空白处理方式。例如，你可以给包含v-html指令的元素添加一个类名，并在CSS中设置该类名的white-space属性为pre-wrap，这样就可以保留换行符，但会忽略其他空格。\[2\]
#### 引用[.reference_title]
- *1* *3* [Vue.js：v-text 和v-html（解析）、v-show和v-if（控制标签显示或隐藏）、Vue指令：v-for（遍历）](https://blog.csdn.net/qq_58946786/article/details/124665756)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Vue v-html指令解析文本并保留换行空格问题](https://blog.csdn.net/u013302168/article/details/121895583)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]