微信小程序获取组件属性信息

Posted BerryJamLv

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序获取组件属性信息相关的知识,希望对你有一定的参考价值。

需求: 使用Vant组件时想要获取van-collapse组件的高度信息

场景:

test.wxml

<van-collapse class="token" value=" activeNames " bind:change="onExpand">
   <van-collapse-item name="1">
     <view slot="title">标题</view>
     内容
   </van-collapse-item>
</van-collapse>

test.js

var query = wx.createSelectorQuery();
	query.select('.token').boundingClientRect()
	query.exec((res) => 
	    var listHeight = res[0].height; // 获取list高度
	    console.log(res)
	)

打印res结果获取想要的信息

以上是关于微信小程序获取组件属性信息的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序button组件open-type属性

微信小程序- 父组件传值给子组件

微信小程序 父子组件间传参

IVX低代码平台——微信小程序获取用户信息

微信小程序按钮还能这样用?

微信小程序父子组件通信