首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >将交互式SVG动态加载到Vue.js工程

将交互式SVG动态加载到Vue.js工程
EN

Stack Overflow用户
提问于 2018-10-18 02:28:36
回答 1查看 2.4K关注 0票数 2

我有一个多年前用意大利面条jQuery代码构建的旧项目,我想更新它以使用JS框架(主要是出于常见的原因:更好的可伸缩性,更好的状态管理,更干净/更可维护的代码,等等)。我发现Vue.js特别吸引人。

该项目允许用户从服务器上的目录中动态地将大量选择的.svg文件加载到DOM中,然后与它们交互(主要是单击更改单个路径元素的填充/线条颜色,由jQuery和plugin处理)。

经过一些研究和实验,我还没有找到使用Vue实现这一点的简单方法--据我所知,我需要手动编辑每个.svg文件,以便将(许多)绑定放在适当的位置,从而允许.svg的离散部分具有交互性。由于大量的文件和快速添加新文件的需要,这是一个破坏交易的因素。

我模糊的问题(抱歉)是:谁能给我一个更好的解决方案?(一个更适合于此的框架?一种在Vue中用普通.svg复制这种交互性的方法?一种自动修改.svg文件以在其任意数量/类型的svg元素上进行Vue绑定的方法?)

谢谢--

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-18 03:28:08

在Vue中添加交互性的最简单方法是convert them to components

但是这个在您的情况下不能工作,因为svg是由用户上传的。

因此,您需要找到或编写一个组件,将此功能添加到您的应用程序中。

看看https://github.com/seiyable/vue-simple-svg的灵感吧。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52861418

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档