ant design vue this.$confirm的使用

this.$confirm({
        title: '请输入毛重与体积相关数据',
        okText: '确认',
        cancelText: '取消',
        content: (
          <div style='margin-top:20px'>
            // 绑定change事件 onChange方法在methods里面进行创建
            <p class='flex'><span style='width:100px'>毛重(kg)</span><input vModel={m.title} onChange={this.onChange} class='ant-input' /></p>
            // 绑定click 事件  onClick 方法在methods里面进行创建
            <p class='flex'><span style='width:100px'>(m)</span><input vModel={m.long} onClick={this.onClick} class='ant-input' /></p>
            <p class='flex'><span style='width:100px'>(m)</span><input vModel={m.width} class='ant-input' /></p>
            <p class='flex'><span style='width:100px'>(m)</span><input vModel={m.height} class='ant-input' /></p>
            // 传递参数 show-time
           <a-date-picker show-time placeholder="选择时间" />
          </div>
        ),
        onOk: () => {
          if (m.long || m.width || m.height) {
            console.log('true')
            if (!m.long || !m.width || !m.height) {
              this.$message.warn('请补全信息')
              return Promise.reject()
            }
          }
          console.log('确认')
        },
        onCancel: e => {
        	if (e.triggerCancel) {
              // 点击x或者按键盘esc关闭的弹窗
              return
            }
            // 函数体 方法
            e()
        }
      })
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值