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

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

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

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


data(){
	return{
		echartClass: {
			height: "85upx"
		}
	}
}

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

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


data() {
	return {
		echartsHeight :80
	}
}

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

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

你可能感兴趣的:(踩坑笔记,vue.js,html5)