7***@qq.com
7***@qq.com
  • 发布:2020-10-23 00:31
  • 更新:2020-10-23 00:31
  • 阅读:1015

【报Bug】boundingClientRect 方法里通过ref 修改style样式不生效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win 10

HBuilderX类型: 正式

HBuilderX版本号: 2.9.3

手机系统: Android

手机系统版本号: Android 10

手机厂商: vivo

手机机型: neo 855plus

页面类型: nvue

打包方式: 离线

项目创建方式: HBuilderX

示例代码:

'''
const query = uni.createSelectorQuery().in(this);
query.select('#emoji-33').boundingClientRect(data => {
console.log("节点离页面顶部的距离为" + data.top);
if(data.top<=688){
this.$refs['emoji-33'][0].style.opacity = 0
console.log(this.$refs['emoji-33'][0].style)
}
}).exec((res)=>{
console.log(res)
if(res[0].top<688){
this.$refs['emoji-33'][0].style.opacity = 0
}
});
'''

操作步骤:

代码如上

预期结果:

通过ref 可修改样式

实际结果:

无效

bug描述:

boundingClientRect 方法里通过ref 修改style样式不生效

2020-10-23 00:31 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复