Vue.js-具有定义元素的动态SVG

时间:2018-09-19 13:46:19

标签: javascript svg vue.js id

我有一个动态SVG,应该具有点击区域。区域始终像这样在SVG中-它们具有ID:

<rect fillId="1" x="20" y="20" width="160" height="360" style="fill:rgb(192,224,254);stroke-width:1;stroke:rgb(0,0,0);"></rect>

<rect fillId="2" x="20" y="20" width="160" height="360" style="fill:rgb(192,224,254);stroke-width:1;stroke:rgb(0,0,0);"></rect>

我需要在Vue.js的此区域中为我的方法添加处理程序@click。 之后,我想将'fillId设置为我的data属性。

有人可以告诉我如何实现吗?

谢谢

0 个答案:

没有答案