taro中无法获取组件节点信息解决办法

最近小程序改版想尝试下taro,其中的一些坑也分享一下

业务场景:

设计稿如下,上面是一个图片列表我们被想用scroll-view包裹在最外层,下面是个tabbar,由于其他的一些业务需求这个tabbar是我们自定义,这个时候就遇到一个问题。

 

小程序中的scroll-view需要给固定高度,但是我们不能写100%

最简单的公式

scroll-view = 页面可用高度 - tabbar高度

 

关于获取组件的高度,我们很自然的想到wx.createSelectorQuery(),taro中也封装了一样的方法就叫Taro.createSelectorQuery()

 

但是用这个方法之后发现不好使,获取不到节点信息

但是文档里命名写的是这么用的呀,奇怪!

找了好久终于在taro官方issues下面找到了答案  链接

createSelectorQuery 只能选择内置组件 ?黑人问号脸 你怎么不早说啊!心里一万匹草泥马奔过  但是骂归骂需求还得写呀,官方说自定义组件需要把this.$scope穿进去,而且自定义组件只能在该组件中才能获取到节点信息,所以我们需要在组件外得到自定义组件中的节点信息的话需要放入redux中。

这样做大部分情况下是没毛病了,正当我开心的时候,taro又喂了我一口屎 

我想获取这个类名叫.m-clfy的节点信息,componentDidMount中的代码是一样的,render里面这样写就不行,那我们试试经过判断让这个scroll-view在任何情况下都显示

 这样就可以正常获取到.m-clfy的节点信息了,但是我们的业务逻辑还是需要啊,所以最后只能用类名来控制.m-clfy这个scroll-view的显示了

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值