vue2 点击事件获取标签

你可以使用 `$event.target` 来获取被点击的标签，例如：

<template>
  <div @click="handleClick">
    <p>点击我</p>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick(event) {
      console.log(event.target) // 输出 <p>点击我</p>
    }
  }
}
</script>

在 `handleClick` 方法中，可以通过 `event.target` 获取被点击的标签。

相关问题

vue使用a标签获取响应流下载文件

你可以使用`a`标签的`download`属性来实现在Vue中下载文件。

首先，你需要在Vue组件中定义一个方法来处理文件下载。这个方法将在用户点击下载链接时触发。在这个方法中，你可以创建一个新的`<a>`元素并设置其`href`属性为文件的URL，并将`download`属性设置为文件的名称。然后，你可以使用`document.createEvent`方法创建一个点击事件，并将该事件分派给新创建的`<a>`元素。

以下是一个示例Vue组件的代码：

<template>
  <div>
    <a href="#" @click="downloadFile">点击下载文件</a>
  </div>
</template>

<script>
export default {
  methods: {
    downloadFile() {
      const url = 'http://example.com/path/to/file.pdf'; // 替换为你要下载的文件的URL
      const fileName = 'file.pdf'; // 替换为你要下载的文件的名称

      const link = document.createElement('a');
      link.href = url;
      link.download = fileName;

      const event = document.createEvent('MouseEvents');
      event.initEvent('click', true, true);
      link.dispatchEvent(event);
    }
  }
}
</script>

在上面的示例中，当用户点击链接时，`downloadFile`方法会根据提供的URL和文件名创建一个新的`<a>`元素，并将点击事件分派给它。这将触发浏览器开始下载该文件。

请注意，由于浏览器的安全策略，你只能从与你的网站具有相同来源的URL下载文件。否则，浏览器将拒绝下载请求。

vue如何获取当前a标签href的值

在 Vue 中，可以使用 `@click` 事件来绑定点击事件，并在事件处理函数中使用 `event.target.getAttribute('href')` 来获取当前 a 标签的 href 属性值。

示例代码：

<template>
  <a href="https://www.example.com" @click="getHrefValue">Link</a>
</template>

<script>
export default {
  methods: {
    getHrefValue(event) {
      console.log(event.target.getAttribute('href'))
    }
  }
}
</script>

在这里，我们给 a 标签绑定了一个点击事件，并在事件处理函数中获取 a 标签的 href 属性值。