获取元素的width问题,当让元素强制不换行后,其当前元素的宽就远大于能显示的
发布于 5 年前 作者 ming84 14659 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

<view class=“item”>

    <navigator class=‘announcement-content’ url=’’ style=‘transform: translateX(20px)’> <view class=‘nav_view’ >{{item.title}}</view> </navigator>

</view>

  • 预期表现
  • 复现路径
  • 提供一个最简复现 Demo

     const query = wx.createSelectorQuery()

   query.select(’.nav_view’).boundingClientRect(function(rect){

       console.log(‘获得的width:’,rect)

     }).exec();

如获得 .item 这又能获得正常的宽。 .item 以内的元素 .nav_view 就不能获得具体宽了。。

.nav_view 加了强制不换行,实际文本显示长度远超过 .item 元素宽度, 目前就是需要获得元素为.nav_view 的具体宽。可就是获得不了。。

我需要获得 .nav_view  元素的实际宽! 但目前取值就为null  ,应该怎么获得呢?!

回到顶部