jquery点击事件不生效的问题
在同时使用vue.js和jquery.js的过程中,发现jquery的点击事件在有些地方不生效没有任何反应,反反复复看代码并没有什么异常也没有报错,后来发现是父级div使用了v-if='state',加载页面时state为false,后来点击切换为true后来把父级div的v-if显示隐藏使用jquery来操作,点击事件可以生效$('#state').show(); //显示$("#state")
·
在同时使用vue.js
和jquery.js
的过程中,发现jquery
的点击事件在有些地方不生效没有任何反应,反反复复看代码并没有什么异常也没有报错,后来发现是父级div使用了v-if='state'
,加载页面时state
为false
,后来点击切换为true
后来把父级div
的v-if
显示隐藏使用jquery
来操作,点击事件可以生效
$('#state').show(); //显示
$("#state").hide(); //隐藏
还有一种解决办法是把v-if
改成v-show
然后给jquery
绑定ready
事件
先加载vue.js
让页面渲染完成后加载jquery
$(document).ready(function(){
$(function() {
//jq事件
});
});
v-if
是根据条件控制dom是否存在
v-show
dom都存在,只是控制是否显示/隐藏
更多推荐
已为社区贡献6条内容
所有评论(0)