小程序使用弹窗组件Modal,阻止冒泡事件

在modal组件上加一个catchtap事件(里面不写内容都可以),亲测有效!

<i-modal title="提示" visible="{
   
   { visible }}" catchtap="stopPropagation" bind:ok="call" bind:cancel="handleClose" ok-text="是" cancel-text="否">
    <view>是否拨打电话xxxxxxxxxxx?</view>
</i-modal>
/* 打电话 */
    handleOpen() {
      this.setData({
        visible: true
      });
    },
    handleClose() {
      this.setData({
        visible: false
      });
      return false;
    },
    call(){
      const phoneNumber = 'xxxxxxxxxxx';
      wx.makePhoneCall({
        phoneNumber,
        success: function(res) {},
        fail: function(res) {},
        complete: function(res) {},
      })
      this.setData({
        visible: false
      });
      return false;
    },
    /* 阻止冒泡事件 */
    stopPropagation(){
      return;
    }

猜你喜欢

转载自blog.csdn.net/ljy_1024/article/details/115917402