mpvue icon indicating copy to clipboard operation
mpvue copied to clipboard

如何在修改数据后,视图重新渲染完成时设置回调?

Open bravelincy opened this issue 5 years ago • 12 comments

[问题简单描述]

在vue中可以使用$nextTick,但是在小程序中并不起作用,我有一个列表,数据拉取回来后装入数组,需要马上计算这部分的高度,$nextTickwx.createSelectorQuery查询到到节点信息为null,如果用setTimeout,那么延迟多久只能靠猜,而且会因为这个延迟造成视图抖动。

bravelincy avatar Sep 02 '18 02:09 bravelincy

https://segmentfault.com/q/1010000012112144 我的问题跟这个类似,似乎小程序的setData方法可以传入一个回调,但是在mpvue里要怎么操作?

bravelincy avatar Sep 02 '18 02:09 bravelincy

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html#pageprototypesetdataobject-data-function-callback 微信官方的setData是可以传一个界面更新渲染完毕后的回调函数的,希望可以像vue一样在$nextTick里查询节点信息。

bravelincy avatar Sep 03 '18 16:09 bravelincy

加1

milk345 avatar Oct 22 '18 04:10 milk345

加一

milk345 avatar Oct 22 '18 04:10 milk345

同样遇到了,需要在视图更新后重新获取高度,怎么解?

mochen666 avatar Oct 23 '18 11:10 mochen666

加一

zhaoweihan2015 avatar Nov 25 '18 01:11 zhaoweihan2015

加一

codon19 avatar Dec 12 '18 11:12 codon19

@joenil 尝试过在wx.nextTick里重新计算吗

nullwuwu avatar Dec 14 '18 04:12 nullwuwu

@kailcc 记得试过吧,好像那个api不可以

bravelincy avatar Dec 14 '18 10:12 bravelincy

项目中也遇到了这个问题,tab页使用官方的swiper,然后每次请求回数据填充swiper-item内的div节点获取这个节点的高度赋给swiper的高度,但是有时可以正确获取,有时不可以

LintheGH avatar Jan 04 '19 11:01 LintheGH

@joenil 尝试过在wx.nextTick里重新计算吗

wx.nextTick 不允许在page中使用,只能在wxComponent使用

Elliott-Hu avatar Apr 16 '19 06:04 Elliott-Hu

+1

yuriholyhigh avatar Dec 24 '19 02:12 yuriholyhigh