我有一个多年前用意大利面条jQuery代码构建的旧项目,我想更新它以使用JS框架(主要是出于常见的原因:更好的可伸缩性,更好的状态管理,更干净/更可维护的代码,等等)。我发现Vue.js特别吸引人。
该项目允许用户从服务器上的目录中动态地将大量选择的.svg文件加载到DOM中,然后与它们交互(主要是单击更改单个路径元素的填充/线条颜色,由jQuery和plugin处理)。
经过一些研究和实验,我还没有找到使用Vue实现这一点的简单方法--据我所知,我需要手动编辑每个.svg文件,以便将(许多)绑定放在适当的位置,从而允许.svg的离散部分具有交互性。由于大量的文件和快速添加新文件的需要,这是一个破坏交易的因素。
我模糊的问题(抱歉)是:谁能给我一个更好的解决方案?(一个更适合于此的框架?一种在Vue中用普通.svg复制这种交互性的方法?一种自动修改.svg文件以在其任意数量/类型的svg元素上进行Vue绑定的方法?)
谢谢--
发布于 2018-10-18 03:28:08
在Vue中添加交互性的最简单方法是convert them to components
但是这个在您的情况下不能工作,因为svg是由用户上传的。
因此,您需要找到或编写一个组件,将此功能添加到您的应用程序中。
https://stackoverflow.com/questions/52861418
复制相似问题