VUE 自定义弹框（确认框，提示框，列表框）

1。自定义确认框和提示框

根据传入的type来判断是确认框或提示框

调用：

（1）提示框的使用：

……
//提示框
this.$refs.myDialog.show(content, {
        type: 'alert',
        confirmText: 'OK',
        cancelText: '取消',
        titleText: '',
        data: null
      })

效果：

（2）确认框：

    this.$refs.myDialog.show('要兑换这个商品么？', {
            type: 'confirm',
            confirmText: '立即兑换',
            cancelText: '不用了',
            titleText: '',
            data: {shop: shop, operate: 'exchange'}
          })

效果：

当为确认框时的按键处理：changeData

    
    ……

    changeData (type, data) {
      console.log('changeData',data)
      if (type === 'clickConfirm') {
        if (data.operate === 'exchange') {
          // this.reduceEnergy(data.shop)
          this.exchangeCoupon(data.shop)
        } else if (data.operate === 'downLoad') {
          window.location = data.url
        } else if (data.operate === 'login') {
          this.uplusApi.upVdnModule.goToPage({url: 'mpaas://usercenter'})
          this.isLogin = false
        }
      }
    },