Vue 2 制作一个 div 可点击和图像

Question

我在玩 Vue 2，我想让整个 div 可点击。这个 div 有一个链接、图像和文本。

我将路由器链接用于标题和其他链接中的链接，但是当我尝试使用其他内容时，页面会不断刷新。

有人可以帮我解决这个问题吗..

干杯!

Answer 1

向您添加<div>您希望可点击的点击事件，如下所示：

<div @click="clickMethod"></div>

现在在你的方法属性中添加你想要在点击时触发的clickMethod回调，如下所示

methods: {
    clickMethod() {
        //add code that you wish to happen on click
  }
}:

Answer 2

对于像我一样被困在这里的任何人如何使 Div 可点击

<div @click="clickeMethod">
<p> Some Text Here </p>
</div>

脚本：

<script>
export default {
  name: 'headers',
  data() {
    return {

    };
  },
  methods: {
    clickMethod() {
      this.$router.push('home');
    },
  },
};
</script>

此事件将使 div 可点击。

希望我能帮助别人:)并感谢@user7814783