如何在vue.js渲染完界面之后调用一个函数
1、下面开始介绍下,在页面加芙囹买乐载一个数据列表完成之后,页面自动滚动定位到中间某个列表元素,需要在列表数据渲染完成,计算列表高度,再着抹较氰控制定位到指定行。首先介绍下一开始尝试没有生效的方案,这也是大家最容易出现错误的地方,vue.js提供的mounted函数,表示挂载到实例上去之后调用该钩子

3、此时查询官方api文档发现,有一个nextTick方法,意思是在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。使用之后发现,还是不能解决我所需要的效果

5、最终把watch和nextTick盲褓梆尺组合一起watch:{ showList:function(){ this.goPrice(0); }}showList对应表格页面的绑定变量<tr v-for="(item,index) in showList">

7、最后说明下,有时候我们会想到使用setTimeout的方式来实现,使用这种方式需要设置个超时执行时间,由于渲染时间无法确定,有快有慢,就会出现不稳定的现象。