mpvue capture事件修饰符无效

wgmfuz8q  于 4个月前  发布在  其他
关注(0)|答案(1)|浏览(110)

如题

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>

问题复现步骤:

  1. 点击最外层div
  2. 观察事件响应
  3. 结果是无效

期望结果:
点击外层div触发事件,点击内层div不会触发事件
``

相关问题