jquery ready vue_我在切换路由器$(document).ready()失败时在模板中使用vue-router和jQuery...

我不知道jQuery的正确用法.当我刷新页面时,$(document).ready()具有作用.但是,当我通过vue-router切换页面时,$(document).ready()不起作用.

import $from 'jquery'

export default {

name: 'photo',

data() {

return {

photos: [

{},{},{},{},{}

]

}

$(function () {

console.log('something')

})

解决方法:

您可以使用lifecycle hooks之一来代替在Vue Web应用程序中依赖$(document).ready().您可以尝试使用mounted,因为它非常接近$(document).ready()：

Called after the instance has just been mounted where el is replaced by the newly created vm.$el. If the root instance is mounted to an in-document element, vm.$el will also be in-document when mounted is called.

您可以像这样钩住它：

export default {

name: 'photo',

data() {

return {

photos: [

{},{},{},{},{}

]

}

mounted () {

console.log('something')

}

标签：vue-router,javascript,jquery,vue-js,vuejs2

来源： https://codeday.me/bug/20191013/1910234.html

jquery ready vue_我在切换路由器$(document).ready()失败时在模板中使用vue-router和jQuery...相关推荐

Jquery中$(document).ready(function(){ })函数的使用详解
Jquery是优秀的Javascrīpt框架,$是jquery库的申明,它很不稳定(我就常遇上),换一种稳定的写法jQuery.noConflict(); jQuery(document).ready ...
jQuery的$(document).ready()和JavaScript onload事件
对元素的操作和事件的绑定需要等待一个合适的时机,可以看下面的例子: <!DOCTYPE html> <metacharset="utf-8"> <ht ...
菜鸟学习笔记2，$(document).ready()使用讨论
$(document).ready()使用讨论 $(document).ready() 一.先为说说 $(document).ready() 的功能: 1. JQuery API对 $(docume ...
$(document).ready()和window.onload之间的差异
最近使用$(document).ready(function(){})遇到一个问题:加载页面后发送数据请求后台,得到的数据不对,后发现请求后台时,发送的数据为空,没有获取到值导致的.------改成w ...
$(document).ready和window.onload 简单分析区别
<锋利的JQuery>翻开没看几页,就遇到了这个神奇的问题,之前在橙旭园学习的时候,JQuery只教了一些基础的,像链式操作等,那时以为这个和window.onload()差不多一模一样, ...
【JQuery】jQuery(document).ready(function($) { });的几种表示方法及load和ready的区别
jQuery中处理加载时机的几种方式第一种: jQuery(document).ready(function() {alert("你好"); }); //或 $(document ...
jQuery中$(document).ready()和window.onload的区别
$(document) ready()和window onload在表面上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document) ready()和window onlo ...
JQuery官方学习资料（译）：$( document ).ready()
一个页面直到document是"ready"才能被安全的操作,Jquery为你检查这种状态.代码包含在$( document ).ready()的内部将会仅仅运行一次在页面Docu ...
锋利的jQuery--关于$(document).ready()函数及jQuery代码风格
jQuery代码: $(document).ready(function(){ //jQuery代码 }); 在该函数内的所有代码都将在DOM加载完毕后,页面全部内容(包括图片等)完全加载完毕前被执行 ...

jquery ready vue_我在切换路由器$(document).ready()失败时在模板中使用vue-router和jQuery...

jquery ready vue_我在切换路由器$(document).ready()失败时在模板中使用vue-router和jQuery...相关推荐

最新文章

热门文章