微信小程序 view的高度是被内容撑开的 怎么获取它的高度
展开全部
这个代码肯定可以查到的,这是官方查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);
})
展开全部
在小程序中没有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
});
}
高级
如果是列表,需要结合复杂数据处理,建议阅读
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$("view").offsetHeigt();
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2017-12-28
展开全部
所以呢?答案是神马
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询