前言
uni-app不支持使用js控制元素样式,仅支持获取样式。
解决方法
动态绑定class
向目标元素动态绑定class,然后给该class添加css样式。
如html部分:
<userInfo :class="{'show': scrollSwitch}"></userInfo>
动态绑定style
向该元素直接绑定样式,此方法好处是可以使用变量。
如html部分:
<view :style="{
'width': lW + 'px',
'background-color': lineColor
}" />
获取元素相关信息
-
创建查找变量(SelectorQuery)
const query = uni.createSelectorQuery();
const query = uni.createSelectorQuery().in(this);
该方法构造了一个查找变量,通过这个变量可以查找当前(this)组件,返回
SelectorQuery
对象。推荐在