账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue中使用jquery中的delegate不生效
    107
    0

    我在vue项目中引入jquery,并且使用delegate方法,如下:

    mounted () {
        this._initTreeData();
        let func = function () {
            console.log("++++++");
        };
        $(".category-tree-wrapper").delegate("span[name='span_addCategory']", "click", func)
    }
    

    但是点击页面上的按钮并不生效,请问是什么原因

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 在Vue中使用jQuery中的 delegate 时,可能是因为 Vue 的双向数据绑定或者绑定方式不正确导致的。以下是一些可能的解决方案:

      1. 确保 Vue 数据绑定已经正确绑定:确保在 Vue 组件中使用了正确的数据绑定方法,例如 v-model 或者 v-bind。同时,确保数据绑定是双向的,即一个 Vue 实例可以更新其自身的数据,而不仅仅是其父组件。

      2. 确保jQuery的 delegate 是在正确的位置:尝试在 Vue 组件中使用 jQuery 的 delegate 方法,但确保这个方法是在 Vue 组件的正确位置。如果 jQuery 的 delegate 位于 Vue 组件的任何其他地方,可能会导致 jQuery 的 delegate 不生效。

      3. 检查jQuery的 delegate 使用方式:确保你正确地使用了 jQuery 的 delegate。例如,你可能需要使用 $(document).on('click', '.my-element', function(event) {...}) 来绑定 jQuery 的 delegate。同时,确保你正确地处理了 delegate 中的回调函数。

      4. 确保 Vue 组件和 jQuery 共享同一个 DOM 元素:如果你的 Vue 组件和 jQuery 共享同一个 DOM 元素,那么 jQuery 的 delegate 方法可能会覆盖 Vue 组件的事件处理函数。在这种情况下,你可能需要将 Vue 组件和 jQuery 共享的 DOM 元素分离,或者将 jQuery 的 delegate 方法绑定到不同的 DOM 元素上。

      以上都是一些可能的解决方案,具体的解决方案需要根据你的具体情况进行调整。如果你仍然遇到问题,建议你查看 Vue 和 jQuery 的官方文档或者相关的教程。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部