vue 页面及内部子组件加载结束以后触发
前言:在页面调用好的时候总是遇到需要页面渲染结束以后才调用的需求,今天总结一下
大纲
1.vue
2.jquery
3.js
1.vue中存在mounted
和$nextTick
vue中的mounted和$nextTick个人理解只是当前组件渲染结束以后执行,所以不符合
2.jquery中的ready
jquery中ready可以实现页面DOM全渲染以后触发
$(document).ready(()={
……执行代码
})
$(()=>{
……执行代码
})
3.js
window.onload = function(){
……执行代码
}
<script>
// 页面加载完毕执行
window.addEventListener('load', function () {
})
// 只需要加载成功元素就执行
window.addEventListener('DOMContentLoaded', function () {
})
// 只要窗口大小发生像素变化就触发
window.addEventListener('resize', function () {
// 当前窗口宽度
console.log(window.innerWidth);
})
</script>