踩坑系列//vue中d3的click事件怎么获取对应数据？？vue中第三方插件的click事件，传回来第一个参数是vue的事件、第二个参数才是自定义参数

vue中d3的click事件怎么获取对应数据？？
vue @click 绑定的函数，如何同时传入事件对象和自定义参数？？vue中第三方插件的click事件，传回来第一个参数是vue的事件、第二个参数才是插件本身的内容。.on(‘click’, function ($event, e) {})

https://blog.csdn.net/little_kid_pea/article/details/89736282

• html 文件中 d3 的 click 事件返回的

.on('click', function (evt) {
   
	console.log('this',this);
    console.log(evt) // 显示所点击节点数据
})

• vue 项目中同样的想要获取组件上的数据的话需要这样写

.on('click', function ($event, e) {
   
        console.log($event, e) // 显示所点击节点数据
      })

• 完整代码
  点击对应框框回调对应数据
  

<template>
    <div class="page-main">
      <svg width="1200" height="500"></svg>
    </div>
</template>

<script>
import * as d3 from 'd3' //引入d3

export default {
   
  name: 'districtManagement',
  mounted() {
   
    // 渲染框架图
    //数据
    var data
    data = {
   
      name: '中国',
      children: [
        {
   
          name: '浙江',
          children: [
            {
    name: '杭州', value: 100 },
            {
    name: '宁波', value: 100 },
            {
    name: '温州', value: 100 },
            {
    name: '绍兴', value: 100 },
          ],
        },
        {
   
          name: '广西',
          children: [
            {
   
              name: '桂林',
              children: [
                {
    name: '秀峰区', value: 100 },
                {
    name: