javascript - 如何使用`@ click`将hrefs传递给Vue js中的方法？

我正在关注这个问题的公认答案：Hide links from Google via JavaScript

我想将href传递给方法linkAction()，如何使用@click实现此目的？

这就是我到目前为止

<template>
    <span
      href="https://www.w3schools.com/" <-- some url
      @click="linkAction(this)"
    >
      Link to W3 Schools
    </span>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

@Component
export default class MainContent extends Vue {
  linkAction(e: any): any {
    console.log(e);
  }
}

</script>

我进入控制台：null。希望能有所帮助。谢谢！

最佳答案

在模板中，您需要将@click="linkAction(this)"更改为@click="linkAction($event)"。

在方法linkAction中，您可以执行以下操作：

linkAction(e) {
  console.log(e.target.getAttribute('href'));
}