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)

相关推荐

  • 度和千瓦时换算,度和千瓦时的换算是怎么的啊

    技术度和千瓦时换算,度和千瓦时的换算是怎么的啊千瓦时就是平时所说的“度”度和千瓦时换算,是电功的单位。瓦特是功率的单位。如果在功率上再乘以一个时间,那么这个结果就是功。1焦=1瓦×秒1千瓦时=1千瓦×1小时=1000瓦×

    生活 2021年10月25日
  • 淘宝账户注册,怎样申请淘宝帐号?(详细过程)

    技术淘宝账户注册,怎样申请淘宝帐号?(详细过程)一)免费注册.1.登录淘宝网页面淘宝账户注册,点击“免费注册”链接;2.进入注册页面,填写会员名(5-20个字符)、密码(6-16个英文字母、数字或符号组成);3.输入一个

    生活 2021年10月26日
  • debian如何修改apache2 https端口为11443

    技术debian如何修改apache2 https端口为11443本篇文章为大家展示了debian如何修改apache2 https端口为11443,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希

    攻略 2021年11月12日
  • 如何创建和插入CSS样式表

    技术如何创建和插入CSS样式表这篇文章将为大家详细讲解有关如何创建和插入CSS样式表,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。如何创建和插入CSS样式表插入CSS样式

    攻略 2021年11月11日
  • 窗口事件

    技术窗口事件 窗口事件1.窗口事件属性:
    window.onfocus = function(){ // 窗口获取焦点事件};
    window.οnblur= function(){ // 窗口失去焦点事

    礼包 2021年12月5日
  • 相似图像搜索插件imgsmlr性能测试与优化方法是什么

    技术相似图像搜索插件imgsmlr性能测试与优化方法是什么这篇文章主要讲解了“相似图像搜索插件imgsmlr性能测试与优化方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究

    攻略 2021年11月10日