我在模板中使用vue-router和jQuery，当我切换路由器$（document）.ready（）失败时

我不知道jQuery在vue中的正确用法。 当我刷新页面时， $(document).ready()有一个角色。 但是当我通过vue-router切换页面时， $(document).ready()不起作用。

  
 
  
 
   import $ from 'jquery' export default { name: 'photo', data() { return { photos: [ {},{},{},{},{} ] } } } $(function () { console.log('something') })  

Answer 1

您可以使用其中一个生命周期钩子来实现此目的，而不是依赖于vue webapp中的$(document).ready() 。 您可以尝试使用已安装，因为它非常接近$(document).ready() ：

刚刚安装实例后调用el替换为新创建的vm。$ el。 如果将根实例挂载到文档内元素，则在调用挂载时，vm。$ el也将在文档中。

你可以像这样挂钩：

Answer 2

我知道你可能得到了你想要的答案，但对于那些来到这里找到一种方法在vue中使用jQuery的人：

您应该只在index.html文件中添加一个脚本标记，然后只要组件由vue创建，就可以使用$ variable。 就像Saurabh提到的生命周期钩子之一，或者作为v-on指令调用的方法。

例如：