uniapp 获取图片的高度_uni-app获取元素高度等信息，并设置元素top信息
本文主要簡介uni-app獲取元素信息及設(shè)置信息等
獲取元素高度
可查看官方文檔
mounted() {
const query = uni.createSelectorQuery().in(this);
query.select('#editor').boundingClientRect(data => {
console.log(data)
}).exec();
},
這里的data用于獲取這個元素大小及位置信息，
獲取的值data如下：
設(shè)置元素的位置
設(shè)置按鈕元素位置：
提交
這里通過style對top值進行動態(tài)設(shè)置。
在script部分對btn_top進行設(shè)置，以達到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;
}
}
}
}
這邊是我的單選邏輯進行的設(shè)置，但是大體的設(shè)置就是改變 style內(nèi)的值進行設(shè)置。
感謝weixin_45581741的博客uniapp獲取元素高度? 以及的
前端菜雞兒博客uni-app swiper設(shè)置自定義高度博客。
總結(jié)
以上是生活随笔為你收集整理的uniapp 获取图片的高度_uni-app获取元素高度等信息，并设置元素top信息的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： mysql与java连接查询_【java
- 下一篇： python最长回文子串leetcode