uniapp中 解决swiper 包裹元素 显示不完的问题

Swiper 在包含内容时是有一个默认高度height:150px;的

此时我们要展现出来的内容区域就会被缩减掉
所以我在需要swiper 包裹元素时需要重新获取。内容高度的

我们将要展示的内容有一个view包裹起来 随便给view一个class名 如 home-data

使用uniapp的api获取home-data的所有的消息。api 文档 界面>节点消息

在data中定义一个存放 高度的变量 cloneHeight:0

在生命周期函数 onReady()

let view =  uni.createSelectorQuery().select(.home-data”)
view.(data => { //此处的获取到的data中就有 我们想获取该节点的所有消息
	this cloneHeight=data.height
}).exec();

再将我们获取到的高度值绑定到swiper 的style 中

注意 : 必须在onready() 页面的生命周期函数中进行获取否则就会报

你可能感兴趣的:(uniapp中 解决swiper 包裹元素 显示不完的问题)