vue 点击事件获取浏览器URL链接

在Vue.js中，如果你想在组件内捕捉到用户的点击事件并获取浏览器的URL链接，你可以创建一个自定义事件或者在模板中直接使用`v-on:click`指令。这里是一个基本的例子：

<template>
  <button @click="handleClick">点击获取URL</button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      const url = window.location.href; // 获取当前页面的URL
      this.$emit('customEvent', { url }); // 触发自定义事件，将URL传递出去
      // 或者直接返回url供外部使用
      return url;
    }
  },
  // 可选：如果需要在组件外部监听这个事件
  // mounted() {
  //   this.$on('customEvent', (data) => {
  //     console.log('接收到的URL:', data.url);
  //   });
  // },
};
</script>

在这个示例中，当用户点击按钮时，`handleClick`方法会被调用，然后通过`window.location.href`获取当前页面的URL，并通过`$emit`发送一个名为`customEvent`的自定义事件，接收方可以通过监听这个事件来获取URL。