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 Clickable

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

脚本：

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

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

此活动将使div可点击。

希望我帮助了某人:)和thnx到@ user7814783

Vue 2制作div可点击和图像

2 个答案: