解决父元素内部有可切换or输入元素,点击后直接跳转页面问题(阻止事件冒泡)

1. 问题描述

点击每一项可以跳转页面,但想要点击下拉框时,也会跳转,这样就选不起来啦。
在这里插入图片描述

2. 解决方法

需要知道这是事件冒泡触发父元素的点击事件跳转页面造成的,所以应该阻止事件冒泡。

<view class="container" @click.stop="stopClick($event)">
	<uni-data-select
	:clear="false"
	  v-model="value"
	  :localdata="roadRange"
	  @change="change"
	></uni-data-select>
</view>
// 阻止下拉框事件冒泡
stopClick(e) {
    
    
	e.stopPropagation()
},

猜你喜欢

转载自blog.csdn.net/kwroi/article/details/128022540