动态类绑定svg和vue不起作用

是因为SVG（可缩放矢量图形）是一种基于XML的图像格式，而Vue是一个用于构建用户界面的JavaScript框架。在Vue中，动态类绑定是通过使用v-bind指令来实现的，但是SVG的类属性是一个特殊的属性，不能直接使用v-bind来绑定。

解决这个问题的方法是使用v-bind绑定SVG的属性，而不是类属性。可以通过使用v-bind来绑定SVG的其他属性，例如fill、stroke等。例如，可以使用以下方式来动态绑定SVG的fill属性：

<svg>
  <circle :fill="circleColor" cx="50" cy="50" r="40"></circle>
</svg>

在Vue的data中定义circleColor属性，并在方法中修改该属性的值，即可实现动态绑定SVG的fill属性。

关于SVG和Vue的更多信息，可以参考以下链接：

• SVG官方文档
• Vue官方文档
• Vue的动态绑定文档
• 腾讯云SVG相关产品和产品介绍链接地址