我在模板中使用 vue-router 和 jQuery，当我切换路由器 $(document).ready() 失败 [英] I use vue-router and jQuery in the template,when i switch router $(document).ready() is failure
本文介绍了我在模板中使用 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 也将在文档内.
你可以像这样挂钩:
