收藏
回答

获取元素的width问题,当让元素强制不换行后,其当前元素的宽就远大于能显示的

框架类型 问题类型 操作系统 工具版本
小程序 Bug Windows 1.01.

- 当前 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  ,应该怎么获得呢?!

最后一次编辑于  2019-04-04
回答关注问题邀请回答
收藏
登录 后发表内容