Vue支持svg元素吗？

Posted 2021-05-03

我想生成使用svg标签的svg元素，请问Vue支持吗？Vue支持吗？

请注意，svg元素需要在corretc命名空间中创建，Vue可能无法处理。

答案

是的，你可以使用Vue来创建动态SVG。甚至有一个例子在 文件. 在 本播客在这里，Sarah Drasner谈到了Vue、SVG和的结合。https:/greensock.com.

我已经用这种方法建立了 https:/fn.hofmann-vratny.deconfigurator。它简单地将SVG元素属性绑定到反应式Vue数据上。这对我来说非常好用。

另一答案

你可以创建一个组件，然后在里面添加SVG标签。

<template> SVG Content Here </template>

注意： 你可能会发现某些SVG标签存在一些问题。

还有一些库你也可以使用，如 svg-to-vue-component

希望对你有所帮助。