解决 Vue2 点击事件要点击两次才生效的问题

joe0235

于 2021-09-27 15:11:51 发布

阅读量6.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/joe0235/article/details/120508255

Vue 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了在Vue项目中使用jQuery深度链接服务时，如何避免首次点击失效的问题。通过在created钩子中初始化插件，解决了在methods方法中需要点击两次才能跳转到App的问题，提供了一种简化解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：

项目落地页使用 LinkedME 深度链接服务跳回App，单独在 jQuery 下没问题，可以正常点击跳转，但是放在 vue 的 methods 方法中，就需要点击2次才可以触发。

查了一些资料，基本都是创建封装 LinkedME 代码，然后 import 进去使用，但是我这个只是一个简单的功能网页，并不想做的那么复杂。

解决办法：

在 created 钩子里进行插件的初始化

例如：

<div @click="linkPage">下载APP</div>

<script>
var app = new Vue({
    ...
    created() {
        ...
        this.linkPage()
     },
     methods: {
        linkPage() {
            ......
        }
     }
})
</script>