Applet: the picker view selector scrolls quickly. When confirming, the "value displays an error."“

One 、picker-view brief introduction

Embedded page scroll selector . Only place  picker-view-column Components , Other nodes will not display .

Two 、 Problem description ：

Technology selection ：uniapp.

When making choices here ,

Slide to a character , Click ok , The data of the page is not updated , Stay at the previous option .

3、 ... and 、 Find the cause ：

picker When the content is still rolling or the rolling rebound animation is not over ,
Click ok , Close the pop-up picker, Data cannot be updated in time , Need to wait , Or manually touch to stop rolling and then click ok .

Four 、 solve the problem ：

@pickstart="pickstart" @pickend="pickend"

<view class="w-picker-view" v-if="mode=='selector'">
	<picker-view :indicator-style="itemHeight" @pickstart="pickstart" @pickend="pickend" :value="pickVal" @change="bindChange">
		<picker-view-column>
			<view class="w-picker-item" v-for="(item,index) in data" :key="index">{
   {item.label}}</view>
		</picker-view-column>
	</picker-view>
</view>

//  Define tag variables  isMoving 
pickstart() {
	this.isMoving = true;
},
pickend() {
	this.isMoving = false;
},
pickerConfirm(e){
	if (this.isMoving) {
		console.log(' In motion , Can't click ')
		return;
	}
}

After testing, the problem was successfully solved .

5、 ... and 、 Welcome to communicate and correct , Pay attention to me , Learning together .

6、 ... and 、 Reference link ：

picker-view | Wechat open documents

uni.navigateTo(OBJECT) | uni-app Official website

picker-view When the selector scrolls quickly and confirms, the value is incorrect _bingo My blog -CSDN Blog