vue 页面渲染完成触发事件

技术vue 页面渲染完成触发事件 vue 页面渲染完成触发事件vue的渲染时先DOM(结构)后css,js渲染,在我们做ui自动化测试时,需要在页面完全加载完成事触发一个事件给脚本捕获
在使用Vue框架

Vue页面呈现完成触发事件

渲染vue时,首先是DOM(结构),其次是CSS和JS渲染。当我们进行ui自动化测试时,我们需要在页面完全加载时触发一个用于脚本捕获的事件。

使用Vue框架时,有时需要在Vue的页面数据渲染完成后调用方法,否则无法得到准确的数据,尤其是得到列表的高度时,由于数据没有完全加载,无法得到准确的高度。之前在使用jquery的时候,有准备帮助我们实现,但是Vue里面没有这样的方法,所以我们需要把watch和这个结合起来。$nextTick()来实现它。

nextTick:在下一个DOM更新周期结束后执行延迟回调。

watch:用于观察Vue实例上的数据变化。对应一个对象,关键是观察表达式,值是对应的回调。

数组是数据的变量。

watch:{

asyncArray:function()

这个。$nextTick(函数(){ 0

/////方法

});

}

}

或者

Window.onload将不会运行,直到页面的所有文档都被加载,并且所有外部图片和资源都被加载。

window .nad=function(){ 0

警报('页面加载完成!');

}

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/135151.html

(1)

相关推荐

  • cad怎么画墙体,CAD2010怎样绘制墙线

    技术cad怎么画墙体,CAD2010怎样绘制墙线材料/工具:CAD1、打开CAD首先打开图层cad怎么画墙体,在原有的基础上新建一个图层,名字改为墙线,一般墙线的颜色都为黄色。2、下面点击界面上格式图标,选中里面的多线样

    生活 2021年10月26日
  • 数据库中编码乱码怎么办

    技术数据库中编码乱码怎么办小编给大家分享一下数据库中编码乱码怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1. 使用 <META htt

    攻略 2021年11月24日
  • JQuery怎么删除UL最后一个li

    技术JQuery怎么删除UL最后一个li本篇内容主要讲解“JQuery怎么删除UL最后一个li”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JQuery怎么删除UL最后一个l

    2021年11月17日
  • css左右居中怎么设置(css中怎么设置居中)

    技术css3如何设置子元素居中这篇文章主要讲解了“css3如何设置子元素居中”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css3如何设置子元素居中”吧!

    攻略 2021年12月16日
  • qq忘记账号怎么办,忘记自己QQ号了,怎办

    技术qq忘记账号怎么办,忘记自己QQ号了,怎办忘记QQ号码是多少确实是个难题。这并不像找回密码那样有官方渠道。所以要通过一些技巧来尝试找到这个忘记的号码qq忘记账号怎么办:
    分为如下几种情况可以尝试找到账号(注:该方法只

    生活 2021年10月24日
  • jquery trim方法能去除哪些符号

    技术jquery trim方法能去除哪些符号这篇文章主要介绍“jquery trim方法能去除哪些符号”,在日常操作中,相信很多人在jquery trim方法能去除哪些符号问题上存在疑惑,小编查阅了各式资料,整理出简单好

    攻略 2021年11月15日