同时使用vue 和 jquery， jquery事件绑定失效

问题：一个h5项目同时引用了vue.js和jquery.js，发现jquery绑定的事件失效。原因是：vue会重新渲染dom,加上是异步实例vue.所以正常写程序的话jq的$()获取的元素不是vue渲染后的元素.解决办法：先加载vue.js，让页面渲染完成后加载jq，给jq绑定ready事件$(document).ready(function(){...

Lv骚年

6396人浏览 · 2019-08-21 15:36:01

Lv骚年 · 2019-08-21 15:36:01 发布

问题：

一个h5项目同时引用了vue.js和jquery.js，发现jquery绑定的事件失效。

原因是：

vue会重新渲染dom,加上是异步实例vue.所以正常写程序的话jq的$()获取的元素不是vue渲染后的元素.

解决办法：

先加载vue.js，让页面渲染完成后加载jq，给jq绑定ready事件

$(document).ready(function(){
 
    $(function() {
    
    //jq事件
 
    });
 
});

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^