微信小程序 view的高度是被内容撑开的 怎么获取它的高度

Question

如题所述

Answer 1

这个代码肯定可以查到的，这是官方查DOM属性的API，查到的属性其实也很有限，但是高度是绝对可以查到的，查不到高度的同学可以去看官方文档！

首先给你的xml对象一个id：

<view class="usermotto" style="height:213px;" id='mjltest'/>

然后在js里，用一个SelectorQuery来选择对应id的节点（注意id前面要加一个#号），就可以获取对应节点的属性，包括高度。

//创建节点选择器
var query = wx.createSelectorQuery();
query.select('#mjltest').boundingClientRect()
query.exec(function (res) {
//res就是 所有标签为mjltest的元素的信息 的数组
console.log(res);  
//取高度
console.log(res[0].height);
})

Answer 2

在小程序中没有DOM操作的方法，所以获取不到相应的DOM节点进行高度设置。

解决方案

1.css方案

<view class="{{isFold ?'flod':'extend' }}" bindtap="flodFn">

我是一个很长的文字

</view>

.flod{

//折叠样式

}

.extend{

//展开样式

}

flodFn:function(){

this.setData({

isFold: !this.isFold 

});

}

2.动态渲染方案

<view bindtap="flodFn">

<view wx:if="{{isFold}}" >

我是一个很长的文字

</view>

<view wx:else>

我是一个很长的文字

</view>

</view>

flodFn:function(){

this.setData({

isFold: !this.isFold 

});

}

高级

如果是列表，需要结合复杂数据处理，建议阅读

本回答被网友采纳

Answer 3

$("view").offsetHeigt();

Answer 4

所以呢？答案是神马