想要自己封装picker发现在app中动态绑定的style中transfrom 并没有生效, 只有befornMonted中生效了
我的代码时
<div id="picker">
<!--picker中可以滚动选择的内容-->
<div id="picker_column" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend" :style="data.picker_column_style">
<div class="picker_item" v-for="(i, index) in props.list">
<span :class="data.selected == index ? 'activeItem': ''">{{i}}</span>
</div>
</div>
<!--picker_selector位于picker中间,用来选中picker_item-->
<div id="picker_selector"></div>
</div>
picker_column_style: {
transform: 'translate3d(0px, 20px, 0)',
transition: ''
}
if(data.distance <= data.highPoint && data.distance >= data.lowPoint){
data.picker_column_style.transform= `translate3d(0px,${data.distance}px, 0)`
data.lastPoint = data.currentPoint
}else if(data.distance > data.highPoint){
data.distance = data.highPoint
}else if(data.distance < data.lowPoint){
data.distance = data.lowPoint
}
0 个回复