收藏
回答

用了弹窗组件Modal,但是会冒泡,不知道怎么阻止

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug <modal></modal> 工具 6.6.6 2.0.0

不管点击弹窗的什么位置,都会触发父元素的页面跳转事件,父元素的事件用的是catchtap,弹窗事件有三个,bindblur,bindcancle和bindconfirm,触发弹窗世间是用的catchtap。

<modal hidden="{{renameType}}" title="重命名" confirm-text="确认" cancel-text="取消" bindcancel="cancleRenameType" bindconfirm="confirmRenameType">

    <input value="{{oldTypeName}}" bindblur='getRenameType' type='text' placeholder="{{newTypeNameCheck}}" auto-focus />  

</modal>  



最后一次编辑于  2018-05-15
回答关注问题邀请回答
收藏

2 个回答

  • 南方圆
    南方圆
    2018-11-15

    难道这就是官方文档上找不到 modal 组件的原因?(/思考)

    2018-11-15
    赞同
    回复
  • You can you up
    You can you up
    2018-05-15

    在modal标签加上catchtap="" 能否解决


    2018-05-15
    赞同
    回复 3
    • 麻邻
      麻邻
      2018-05-15
      我试了一下,还是不行,o(╥﹏╥)o
      2018-05-15
      回复
    • You can you up
      You can you up
      2018-05-15回复麻邻
      代码贴全一点,catchtap=""是能阻止冒泡的,看看你233元素那层代码
      2018-05-15
      回复
    • 麻邻
      麻邻
      2018-05-15回复You can you up
      我受到了你的启发!空事件不行,然后我给catchtap事件添加了事件名,js里面也写了这个方法,然后就没有冒泡了!但是这是什么原理啊 为什么空事件不行啊?233元素是for循环列表打印出来的:<view data-index="{{index}}" catchtap='goToBlogListType' class='blogtypeList' wx:for="{{item.value}}">
      2018-05-15
      回复