uniapp动态修改样式,使用style动态修改样式,避坑

uniapp动态修改样式,使用style动态修改样式,避坑

使用echarts做柱状图套嵌在<view>中,将xy轴颠倒后,不会自动撑大<view>。所以打算根据计算数据条数修改图表高度。
微信小程序中。

经过查询后找到以对象的方式放入style中,代码如下:

<view class="uChart" :style="echartClass">
data(){
	return{
		echartClass: {
			height: "85upx"
		}
	}
}

不知道为什么无效,upx换车px,rpx也无效。

下面找到一种,将对象直接写到style

<view :style="{height: echartsHeight +'rpx'}">
data() {
	return {
		echartsHeight :80
	}
}

这里我是写微信小程序,按照uniapp写法应该用upx,但是这里写upx无效,所以应该是根据平台使用对应的像素单位。微信小程序用的rpx,用px也能生效。

有更好解决办法的希望能留言互相学习。

猜你喜欢

转载自blog.csdn.net/weixin_44223509/article/details/126390792