8***@qq.com
8***@qq.com
  • 发布:2023-09-20 21:55
  • 更新:2023-09-25 17:04
  • 阅读:162

使用uni-createSelectQuery得到的元素长度为0,但是肉眼可见该组件有长宽

分类:uni-app
    mounted(){  
        this.getContentDom();  
    },  
    updated(){  
        this.getImageDom();  
    },  
    methods:{  

        getContentDom(){  
            const contentDom = uni.createSelectorQuery().in(this);  
            contentDom.select('#contentSwiperDom').boundingClientRect(data =>{  
                // var content =data;  
                this.setPicWidth = data.bottom-data.top;  
                this.setPicHeight = data.right-data.left;  
            }).exec();  

            // var ctx = uni.createCanvasContext('output_mini' , this);  
            // console.log(ctx);  
        },  

        getImageDom(){  
            const imageDom = uni.createSelectorQuery().in(this);  
            imageDom.select('#imageDom').boundingClientRect(data => {  
                this.setPicTop = -data.height/2;  
                this.setPicLeft = -this.setPicWidth/2;  
                console.log(data);  
                console.log("Top"+this.setPicTop);  
                console.log(this.setPicLeft);  
            }).exec();  

            // var ctx = uni.createCanvasContext('output_mini' , this);  
            // console.log(ctx);  
        },

我先在mounted中对一个包含image组件的view附以宽度,高度由view中的image组件的图片决定,采用的mode是widthFix,当我想要在updated去获取这个view的长宽时,却得到其中一个值,得不到另一个,需要注意的是我对view有一个旋转90度的操作

2023-09-20 21:55 负责人:无 分享
已邀请:
YUANRJ

YUANRJ

请提供下版本信息和最简复现的测试工程

要回复问题请先登录注册