在svg Vue.js组件中传递prop值给动态构建的click事件

<template>
  <div>
    <svg-component :click-value="propValue"></svg-component>
  </div>
</template>

<script>
import SvgComponent from './SvgComponent.vue';

export default {
  components: {
    SvgComponent
  },
  data() {
    return {
      propValue: 'Hello World'
    };
  }
};
</script>

<template>
  <svg @click="handleClick(clickValue)">
    <!-- SVG内容 -->
  </svg>
</template>

<script>
export default {
  props: {
    clickValue: {
      type: String,
      required: true
    }
  },
  methods: {
    handleClick(value) {
      console.log(value); // 输出传递的prop值
      // 处理点击事件的逻辑
    }
  }
};
</script>