本文介绍了我在模板中使用 vue-router 和 jQuery,当我切换路由器 $(document).ready() 失败的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我不知道 jQuery 在 vue 中的正确用法.当我刷新页面时, $(document).ready()
有一个作用.但是当我通过 vue-router 切换页面时,$(document).ready()
不起作用.
<div id="photo_wrap"><div class="photo_frame" v-for="(photo,index) in photos"><img v-bind:src=" 'src/assets/photo/' + index + '.jpg' ">模板><脚本>从'jquery'导入$导出默认{name: '照片',数据() {返回 {相片: [{}、{}、{}、{}、{}]}}}$(函数(){console.log('东西')})
解决方案 在 vue webapp 中不用依赖 $(document).ready()
,你可以使用 生命周期钩子 用于此目的.您可以尝试使用 mounted 因为它非常接近 $(document).准备好()
:
在实例刚刚挂载之后调用,el 被新创建的 vm.$el 替换.如果根实例挂载到文档内元素,则调用 mount 时 vm.$el 也将在文档内.
你可以像这样挂钩:
发布评论