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()
        }
      })
Logo

前往低代码交流专区

更多推荐