使用v-html与直接写在Vue模板中的HTML在表现上有何差异？如何解决？

上周试过这个。

v-现场写作模板之间确实存在差异。

主要问题是属性的大写。

例如，SVG 视图框。

直接写，Vue 会帮你转换成 viewBox。

使用v-，不会改变。

我在 2 02 3 年的一个公司项目中发现了它。

SVG 图标看起来很乱。

查了半天，发现view框没有大写。

直接写没问题，写v-就有问题了。

根本原因是这样的。

Vue 编译时自动更正大小写。

v-直接放置字符串，无需修改。

有几种解决方案。

首先，手动增加大小写。

就像viewBox一样。

有点不方便。

其次，使用编译后的 HTML。

例如，使用ref获取元素，然后获取outerHTML。

这个已经编译好了。

第三，不要使用v-。

如果可以直接写模板，就尽量直接写。

最后发现直接写最简单。

算了。

简单html静态网页模板下载安装 简单html静态网页模板下载