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度的操作