如何将数据属性绑定到动态元素？

Question

加载页面后，SVG文件的内容将被注入页面。如何将数据属性绑定到SVG中的元素以执行以下操作：

<g :data-type="type">...</g>

或者这个：

<g :class="{ active: isActive }">...</g>

Vue是否提供了动态绑定的方法？

Answer 1

Something like this came up yesterday.您希望能够通过编写绑定脚本，将无法控制的源转换为Vue的模板。我认为最简单的方法是在初始化Vue之前使用setAttribute()将绑定注入到svg中。这非常有效。 setAttribute（）不会验证你的属性，也不关心它是否以：或@开头，所以去吧。