微信小程序dialog弹窗使用

npm init  生成一个package.json的配置文件

npm i weui-miniprogram -S --production

要使用弹窗的页面.json文件

引入插件

"usingComponents": {
    "mp-dialog": "weui-miniprogram/dialog/dialog"
  }

app.json设置

"useExtendedLib":{
"weui": true
}

wxml页面使用

<button class="weui-btn" type="default" bindtap="openConfirm">确认取消按钮</button>

 <mp-dialog title="test" show="{{dialogShow}}" bindbuttontap="tapDialogButton" buttons="{{buttons}}">
            <view>test content</view>
    </mp-dialog>

js页面

data:{
    dialogShow: false,
    buttons: [{text: '取消'}, {text: '确定'}],
} 
openConfirm: function () {
        this.setData({
            dialogShow: true
        })
    },

确定按钮时间

tapDialogButton(e) {
  console.log(e)
  this.setData({
      dialogShow: false,
      showOneButtonDialog: false
  })
},