如何在vue js中使用@click在google地图的infowindow中触发函数？

<template>
  <div id="map" style="height: 400px;"></div>
</template>

<script>
import { onMounted, ref } from 'vue';

export default {
  setup() {
    const map = ref(null);
    const infoWindow = ref(null);
    const marker = ref(null);

    onMounted(() => {
      // 初始化地图
      map.value = new google.maps.Map(document.getElementById('map'), {
        center: { lat: -34.397, lng: 150.644 },
        zoom: 8,
      });

      // 创建标记
      marker.value = new google.maps.Marker({
        position: { lat: -34.397, lng: 150.644 },
        map: map.value,
      });

      // 创建InfoWindow
      infoWindow.value = new google.maps.InfoWindow({
        content: `
          <div>
            <p>这里是位置信息</p>
            <button @click="handleClick">点击我</button>
          </div>
        `.trim(),
      });

      // 打开InfoWindow
      infoWindow.value.open(map.value, marker.value);

      // 将Vue实例传递给InfoWindow的内容
      infoWindow.value.setContent(infoWindow.value.getContent().replace(/@click="([^"]+)"/g, (match, p1) => {
        return `onclick="${p1}"`;
      }));
    });

    function handleClick() {
      alert('按钮被点击了！');
    }

    return {
      handleClick,
    };
  },
};
</script>

import { onMounted, ref } from 'vue';

export default {
  directives: {
    googleInfoWindow: {
      mounted(el, binding, vnode) {
        const infoWindow = new google.maps.InfoWindow({
          content: el.innerHTML,
        });

        // 将Vue实例的方法绑定到InfoWindow的事件上
        Object.keys(binding.value).forEach(key => {
          if (typeof binding.value[key] === 'function') {
            infoWindow[`on${key.charAt(0).toUpperCase()}${key.slice(1)}`] = binding.value[key];
          }
        });

        // 打开InfoWindow
        infoWindow.open(vnode.attrs.map, vnode.attrs.marker);
      },
    },
  },
  setup() {
    const map = ref(null);
    const marker = ref(null);

    onMounted(() => {
      // 初始化地图和标记...
    });

    function handleClick() {
      alert('按钮被点击了！');
    }

    return {
      map,
      marker,
      handleClick,
    };
  },
};

<template>
  <div id="map" style="height: 400px;">
    <div v-google-info-window="{ map: map, marker: marker }">
      <p>这里是位置信息</p>
      <button @click="handleClick">点击我</button>
    </div>
  </div>
</template>