我是靠谱客的博主 有魅力盼望，最近开发中收集的这篇文章主要介绍uniapp动态修改样式，使用style动态修改样式，避坑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也能生效。
有更好解决办法的希望能留言互相学习。
最后
以上就是有魅力盼望为你收集整理的uniapp动态修改样式，使用style动态修改样式，避坑uniapp动态修改样式，使用style动态修改样式，避坑的全部内容，希望文章能够帮你解决uniapp动态修改样式，使用style动态修改样式，避坑uniapp动态修改样式，使用style动态修改样式，避坑所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复