小程序的自定义组件如何像wx.showModal一样调用

Question

自定义组件如何像微信的模态框那样可以调用呢

Answer 1

有两种方案：

• 在app.js中定义调用方法
• 然后定义一个common.wxml写好dom结构跟页面样式
• 在需要的wxml页面引入common.wxml
• 在js调用方法，调起弹窗

  /**
   * 显示confirm确认框 app.js中
   */
  confirm(options) {
    ...
  }

<view class="mask-black-dialog" style="display:{{showConfirm ? 'flex' : 'none'}}">
 ...
</view>

getApp().confirm({...})

<include src="../../component/common.wxml" />

Answer 2

只可以调用系统原生的层，无法动态创建view。只有做成组件的方式，每个页面单独使用。全局方法倒是可以实现

// app.js
wx.yourFun = function () {
    // ...
}

// 其他页面可以直接调用
wx.youFunc()