我想实现类似双向数据绑定的效果,但是小程序是典型的单向数据绑定,于是在手动加了一层绑定,然后发现卡顿明显,比如:
1,有一个input
< input value={{n}} bindinput = "changeN" > |
我在changeN中用将输入的值赋值给n,一旦输入过快,会出现卡顿现象
2,比如有一个scroll,我要实现点击按钮滚动到顶部的效果
< scroll-view scroll-top = "{{y}}" bindscroll = "changeY" ></ scroll-view > |
我在滚动时,也将当前的scroll-top赋值给y,这下就更蛋疼了,滚动条开始瞎跳。
我这两个例子的思路或者写法可能存在严重的错误,所以我想问下大家碰到这种问题是怎么解决的
小程序做不到双向数据绑定,所以才会出现你例子中的表现。
也就是说,如果你这样可行的话,小程序底层就可以实现双向绑定了。
这确实是个问题,有没有什么实现input双向绑定的好的建议
可以曲线救国,第一个例子中,可以事先定义两个变量,n和nView,nView是用来和视图层绑定的,
<
input
value={{nView}}
bindinput
=
"changeN"
>
changeN中改变n的值,然后在具体需求中的特定地方如果需要改变视图,就再把n的值赋值给nView,nView = n,来改变视图层
问题是,在滚动事件中,根本就没有滚动结束这一事件,如何知道什么时候更新视图层呢
求解求解