在同时使用vue.jsjquery.js的过程中,发现jquery的点击事件在有些地方不生效没有任何反应,反反复复看代码并没有什么异常也没有报错,后来发现是父级div使用了v-if='state',加载页面时statefalse,后来点击切换为true

后来把父级divv-if显示隐藏使用jquery来操作,点击事件可以生效

$('#state').show(); //显示
$("#state").hide(); //隐藏

还有一种解决办法是把v-if改成v-show
然后给jquery绑定ready事件
先加载vue.js让页面渲染完成后加载jquery

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

v-if是根据条件控制dom是否存在
v-showdom都存在,只是控制是否显示/隐藏

Logo

前往低代码交流专区