如何在vue.js渲染完界面之后再调用函数

Posted WinChance

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在vue.js渲染完界面之后再调用函数相关的知识,希望对你有一定的参考价值。

https://blog.csdn.net/qappleh/article/details/88708341?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-5

 1 watch:{
 2             detailsList:function(){
 3                 this.$nextTick(function() {
 4                     let query = uni.createSelectorQuery(); //创建节点查询器
 5                     query.selectAll(‘.node‘).boundingClientRect(data => {
 6                         data.forEach(function(value) {
 7                             // 各可视分区滚动条位置=区域位置-74(Tab高度)+24(各区域间隔)
 8                             _self.scrollTopArray.push(Math.ceil(value.top - (24 + 74) * rpxToPxRate) + 1);
 9                         })
10                         console.log(JSON.stringify(_self.scrollTopArray))
11                     }).exec();
12                 });
13             }
14         }

 

以上是关于如何在vue.js渲染完界面之后再调用函数的主要内容,如果未能解决你的问题,请参考以下文章

使用带有渲染功能的 Vue.js 3 片段

vue前端异步与页面渲染问题:怎样让子异步函数完成后页面再渲染

Vue.js------------------3Vue.js原理

js执行顺序

Vue.js 在渲染组件上调用函数

如何让vuejs中ready函数加载完之后执行某个函数