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)

相关推荐

  • 为什么春节要贴春联,过春节贴春联的习俗是怎么来的

    技术为什么春节要贴春联,过春节贴春联的习俗是怎么来的春联,就是写有关春节的吉语。 它是用结构相同为什么春节要贴春联、字数相等、词性相对的一对句子或句子成分来表达相反、 相似或相关意思的一种修辞手法。这 是中华民族艺苑中一

    生活 2021年10月31日
  • 快速排序平均时间复杂度O(nlogn)的推导

    技术快速排序平均时间复杂度O(nlogn)的推导 快速排序平均时间复杂度O(nlogn)的推导快速排序作为随机算法的一种,不能通过常规方法来计算时间复杂度,本文记录了一种推导方法快速排序作为随机算法的一

    礼包 2021年11月13日
  • throw和throws有什么不同

    技术throw和throws有什么不同 throw和throws有什么不同共同点:
    两者在抛出异常时,他们只管把异常抛出,并不处理异常,由调用者负责处理。区别(1)throw语句总是出现在方法体里面,用

    礼包 2021年11月5日
  • HTML5如何使用video

    技术HTML5如何使用video小编给大家分享一下HTML5如何使用video,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!对video的支持

    攻略 2021年11月24日
  • Kotlin中可见性修饰符有什么用

    技术Kotlin中可见性修饰符有什么用这篇文章主要介绍Kotlin中可见性修饰符有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!前言在Kotlin中四种可见性修饰符:private、prot

    攻略 2021年11月11日
  • 党的思想路线的核心是,实事求是思想路线的目的是什么

    技术党的思想路线的核心是,实事求是思想路线的目的是什么实事是客观存在着的一切事物党的思想路线的核心是,求是我们去探究,是就是事物发展的规律,也就是按照事物的本来面貌去发掘事物发展的规律,而规律是主观认识,但必须与实事相符

    生活 2021年10月26日