html52.com
我爱小程序-开发者交流社区

获取元素的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  ,应该怎么获得呢?!

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付