1***@qq.com
1***@qq.com
  • 发布:2019-09-21 10:10
  • 更新:2021-08-23 15:37
  • 阅读:3851

uni-app模式下的nvue如何获取节点信息

分类:nvue

无法使用uni.createSelectorQuery(),报还不支持的错误

2019-09-21 10:10 负责人:无 分享
已邀请:
DCloud_uniAD_HDX

DCloud_uniAD_HDX

目前暂不支持,临时使用下面的方案

<template>  
  <view class="wrapper">  
    <view ref="box" class="box">  
      <text class="info">Width: {{size.width}}</text>  
      <text class="info">Height: {{size.height}}</text>  
      <text class="info">Top: {{size.top}}</text>  
      <text class="info">Bottom: {{size.bottom}}</text>  
      <text class="info">Left: {{size.left}}</text>  
      <text class="info">Right: {{size.right}}</text>  
    </view>  
  </view>  
</template>  

<script>  
  // 注意平台差异  
  // #ifdef APP-NVUE  
  const dom = weex.requireModule('dom')  
  // #endif  

  export default {  
    data () {  
      return {  
        size: {  
          width: 0,  
          height: 0,  
          top: 0,  
          bottom: 0,  
          left: 0,  
          right: 0  
        }  
      }  
    },  
    onReady () {  
      const result = dom.getComponentRect(this.$refs.box, option => {  
        console.log('getComponentRect:', option)  
        this.size = option.size  
      })  
      console.log('return value:', result)  
      console.log('viewport:', dom.getComponentRect('viewport'))  
    }  
  }  
</script>
  • 1***@qq.com (作者)

    谢谢,我试下

    2019-09-21 12:15

  • 1***@163.com

    不管用呀,楼主

    2021-08-23 15:38

  • h***@tom.com

    这个问题都快两年了,现在有解决方案吗?不然对纯原生渲染模式不友好啊

    2021-08-23 21:43

  • 1***@qq.com (作者)

    回复 h***@tom.com: const dom = weex.requireModule('dom');dom.getComponentRect(...)

    2021-09-06 15:12

风云杭州

风云杭州

是不是 在vue里 用 uni.createSelectorQuery() 可以获得跟 在 nuve里 dom.getComponentRect 一样的效果?

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