Vue.js Vue SVG@click事件

我正在尝试加载svg，但需要自己的vue单击事件

我使用的是vue svg加载程序，但只能在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>

我的模板如下所示：

<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
   
  },

从“../../public/PlanTypeA-1.svg”导入PlanType；
导出默认值{
姓名：“关于”，
组成部分：{
植物型
},

src设置为该svg文件的简单img标记如何？然后将@click事件添加到img标记。您可以对所有svg元素使用document.addEventListener in mounted

<script>

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