如题
mpvue 版本号:
[mpvue@2.0.0]
最小化复现代码:
##<div class="cookingModeMask" @click.capture="clickStopPropagation">
<div class="cookingModeSel">
<div class="title-view">
<div>{{Strings.Temperature}}</div>
<div>{{Strings.Duration}}</div>
</div>
<picker-view
class="picker-view"
@change="bindChange"
indicator-class="picker-text"
mask-style="background: transparent"
:value="cookingModeArr"
>
<picker-view-column>
<view
v-for="(item, index1) in pickerColumn0"
style="line-height:68rpx;text-align:center;"
:key="index1"
>{{item}}</view>
</picker-view-column>
<picker-view-column>
<view
v-for="(item, index2) in pickerColumn1"
style="line-height:68rpx;text-align:center;"
:key="index2"
>{{item}}</view>
</picker-view-column>
</picker-view>
<div class="start-button" @click="startCooking">{{!changeProps?startText:Strings.Confirm}}</div>
</div>
问题复现步骤:
- 点击最外层div
- 观察事件响应
- 结果是无效
期望结果:
点击外层div触发事件,点击内层div不会触发事件
``
1条答案
按热度按时间tyg4sfes1#
望回复!!!