Vue SVG @click 事件

大佬教程收集整理的这篇文章主要介绍了Vue SVG @click 事件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Vue SVG @click 事件？

开发过程中遇到Vue SVG @click 事件的问题如何解决？下面主要结合日常开发的经验，给出你关于Vue SVG @click 事件的解决方法建议，希望对你解决Vue SVG @click 事件有所启发或帮助；

我正在尝试加载 svg，但想要我自己的 vue 点击事件。

我正在使用 vue-svg-loader 但只能使用 svg 内的 onclick

<a>
    <rect ID="test" x="149.69" y="30.732" wIDth="47.585" height="38.663" fill="#01ff00" onclick='console.log("Hello")' />
  </a>

我希望能够在我的 file.vue 中使用我自己的方法

当我在不使用 vue-svg-loader 的情况下将整个 svg 复制并粘贴到我的 vue 文件中时，它可以正常工作，我可以使用我自己的方法，但是每次编译都需要很长时间。

有没有办法在使用 vue-svg-loader 的同时使用我自己的方法：

@H_68_7@methods: {
    checkOut() {
     console.log("item Clicked")
     alert("Item Clicked")
    },}

我的模板看起来像这样：

<template>
  <div class="about">
    <br /><br /><br /><br />
    <v-row class="text-center">
      <v-col class="mb-4">
        <h1>This is an about page</h1>
     

  <PlanType class="logo" />
  </v-col>
    </v-row>
  </div>
</template>

和脚本有点像这样：

<script>

import PlanType from '../../public/PlanTypeA-1.svg';
export default {
  name: "About",components: {
    PlanType
   
  },

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的Vue SVG @click 事件全部内容，希望文章能够帮你解决Vue SVG @click 事件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。