Vuejs2 Vue 2使div可单击并显示图像

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

我在标题和其他链接中使用路由器链接，但当我尝试使用其他链接时，页面会保持刷新

有人能帮我克服一下吗

---

干杯

将要单击的事件添加到您的

，如下所示：

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

---

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

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

这里有一些文字

脚本：

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

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

导出默认值{
名称：'标题'，
数据（）{
返回{
};
},
方法：{
clickMethod（）{
这个。$router.push（'home'）；
},
},
};

此事件将使div可单击

---

希望我帮助了某人：）和thnx到@user7814783

你能添加相关代码或创建一堆代码吗？谢谢你的帮助：）我很感激。既然我们在这里，我可以再问你一个问题吗。如果我使用Vuex状态，浏览器中的客户端是否可以访问状态值，因为我想在那里传递一些“敏感”数据，但我不确定是否有人可以从控制台访问它的值，除非我使用getter将值传递到DOM中？期待收到您或其他人的信息：）什么样的敏感数据？如果您在div中有可点击的链接怎么办？我想让一个div可以点击，但允许用户点击该div内的链接，而不触发div本身的点击事件。

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

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