this.$msgbox创建弹窗,提示文字绑定事件-element ui + vue项目

setDiloag() {
      const h = this.$createElement;
      var that = this;                    //注意
      this.$msgbox({
        title: '提示',
        message: 
          h('p', null, [
          h('span', null, '申请已提交成功,您可以在'),
          //on :{}      用于给当前文字添加绑定事件
          //style: ''   用于给当前文字添加样式 
          h('span', {style: 'color: rgba(64, 159, 255, 1); cursor: pointer;', on: {         
             click: that.onjump } }, ' 申请列表 '),      
          h('span', null, '中查看审批进度 '),
          ]),
        showCancelButton: false,        //是否显示取消按钮
        confirmButtonText: '知道了',    //设置确定按钮文字
      }).then((action) => {             //点击确定按钮执行事件
          this.$router.push({
             path: "/apply"
           }) 
      });
    },
    //弹窗提示文字所绑定事件
    onjump() {

      this.$router.push({
        path: "/apply"
      })
      console.log('onjump')
      //跳转到申请列表后,需要手动关闭弹窗,需要自动关闭弹窗
      this.$msgbox.close();    //跳转后关闭弹窗
    },

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值