本文主要简介uni-app获取元素信息及设置信息等

获取元素高度

可查看官方文档

mounted() {

const query = uni.createSelectorQuery().in(this);

query.select('#editor').boundingClientRect(data => {

console.log(data)

}).exec();

},

这里的data用于获取这个元素大小及位置信息，

获取的值data如下：

设置元素的位置

设置按钮元素位置：

提交

这里通过style对top值进行动态设置。

在script部分对btn_top进行设置，以达到top值变化的目的：

export default {

data() {

return {

btninfo: 320,

}

},

computed: {

btn_top() {

return this.btninfo;

}

},

methods: {

radioChange: function(evt) {

if ('res' === evt.target.value) {

this.btninfo = 650;

}else{

this.btninfo = 420;

}

}

}

}

这边是我的单选逻辑进行的设置，但是大体的设置就是改变 style内的值进行设置。

感谢weixin_45581741的博客uniapp获取元素高度  以及的

前端菜鸡儿博客uni-app swiper设置自定义高度博客。