Vue点击事件阻止冒泡

<picker @change="ClassPicker" :value="ClassIndex" :range="ClassArray">
								<view class="list_form">
									<uni-row>
										<uni-col :span="20">
											<view style="text-align: left; color:#222222; font-size: 12px;padding-top: 5px;text-align: right;">
												<span v-if="ClassIndex == -1" style="color:#999 ;">请选择分组</span>
												<span v-else>{
   
   { ClassArray[ClassIndex] }}</span>
											</view>
										</uni-col>
										<uni-col :span="4">
											<view style="text-align: right;height: 33px;line-height: 25px;">
												<image v-if="ClassIndex == -1" src="../../../../static/right.png" style="width: 30px;height: 30px;"></image>
												<uni-icons v-else type="clear" size="18" color="#c0c4cc" @click.native.stop="onClear()"></uni-icons>
											</view>
										</uni-col>
									</uni-row>
								</view>
								<view style="height: 5px;" v-if="scanData == 1"></view>
							</picker>

 @click.native.stop="onClear()"