Vue 在页面加载结束后执行某个函数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 在页面加载结束后执行某个函数相关的知识,希望对你有一定的参考价值。

参考技术A

mounted :实例被挂载后调用,这时 el 被新创建的 vm.$el 替换了。如果根实例挂载到了一个文档内的元素上,当 mounted 被调用时 vm.$el 也在文档内。
注意 mounted 不会保证所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕,可以在 mounted 内部使用 vm.$nextTick

vue 页面空白问题总结

参考技术A 页面空白我遇到的就如下几种情况
1.路由异常,
一般是next()函数没有被执行
不执行的原因就是在 beforeEach 里
a.if判断的某个分支让它没有走next()
b.某个异常跳出导致没有执行
c.网络请求 只处理了then的情况,没有处理catch情况

2.html渲染报错,常见的就是key相同了

3.js解析报错,常见的es6语法在某些手机里不支持,特别是对象扩展符(...),promise的finally不支持等等。

4.网络请求异常导致的, 特别是 跨域请求异常 导致的,经常出现这个情况

以上是关于Vue 在页面加载结束后执行某个函数的主要内容,如果未能解决你的问题,请参考以下文章

vue加载完成后的回调函数方法

vue加载完成后的回调函数方法

如何让jquery在页面加载的时候自动调用某个函数

vue 页面空白问题总结

如何让vuejs中ready函数加载完之后执行某个函数

vue3在加载页面时发送请求