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