我有一个几年前用意大利面 jQuery 代码构建的旧项目，我想更新它以使用 JS 框架(主要是出于常见原因:更好的可扩展性、更好的状态管理、更干净/更可维护的代码等。 )。我发现 Vue.js 特别有趣。
该项目允许用户将服务器上目录中的任何大量 .svg 文件动态加载到 DOM 中，然后与它们交互(主要是单击以更改单个路径元素的填充/线条颜色，由jQuery 加上 plugin )。
经过一些研究和实验，我还没有找到一种简单的方法来使用 Vue 来做到这一点——据我所知，我需要手动编辑每个 .svg 文件以将(许多)绑定(bind)到位允许 .svg 的离散部分具有交互性。由于文件数量巨大并且需要快速添加新文件，这是一个破坏性的因素。
我的模糊问题(抱歉)是:有人能指出我更好的解决方案吗？ (更适合这个的框架？Vue中的一种方法可以用普通的.svg复制这种交互性？一种自动修改.svg文件以在其任意数量/类型的svg元素上进行Vue绑定(bind)的方法？)
谢谢--
最佳答案
在 Vue 中添加交互性的最简单方法是 convert them to components
但这在您的情况下不起作用，因为 svg 是由用户上传的。
因此，您需要找到或编写一个组件来将此功能添加到您的应用中。
关于javascript - 将交互式 SVG 动态加载到 Vue.js 项目中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52861418/