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)

相关推荐

  • Django如何编写自定义manage.py命令

    技术Django如何编写自定义manage.py命令小编给大家分享一下Django如何编写自定义manage.py命令,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!python manage.py <c

    攻略 2021年11月20日
  • oneyear,oneyearago是什么意思

    技术oneyear,oneyearago是什么意思oneyearago 的中文意思是“一年前,”但三个单词不能一起连写,正确的写法应该是oneyear: one year ago. 这句短语可用在句首或句尾,在时间上通常

    生活 2021年10月21日
  • genie是什么程序(genie中文是啥名字)

    技术Genie的特点是什么本篇内容主要讲解“Genie的特点是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Genie的特点是什么”吧!一 数据平台的发展简介

    攻略 2021年12月20日
  • 复习:adb02

    技术复习:adb02 复习:adb_02冷启动:adb shell am start -W xxx1.热启动:
    按back按键再次启动:
    adb shell am start -W xxxadb she

    礼包 2021年11月20日
  • Laravel使用多数据库的方法是什么

    技术Laravel使用多数据库的方法是什么这篇文章主要讲解了“Laravel使用多数据库的方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Laravel使用多数据

    攻略 2021年10月29日
  • 什么绿什么红,红、白、绿萝卜的主要不同吃法

    技术什么绿什么红,红、白、绿萝卜的主要不同吃法红萝卜炖菜什么绿什么红、做馅、做汤白萝卡做汤绿萝淹咸菜、晒干做咸菜。你好!
    红、白萝卜常用来烧菜、做馅。北方人吃红白萝卜的方法,除了炖萝卜、做馅以外,最多的,是和牛羊肉一块炖

    生活 2021年10月21日