脆皮桃桃乌� 2024-08-02 10:56 采纳率: 50%
浏览 8
已结题

使用el-table搭配el-form编辑数据表单验证出错

Vue3+ts+elment plus ,使用el-table搭配el-form编辑数据,需要数据必填并且比大小,在做表单校验使用validate时发现问题,返回的值不正确导致有数据问题仍然能提交,倒腾一天了没有想出来问题在哪

  await formRef.value.validate((valid, fields) => {
    console.log(valid, fields)
  })

打印结果true undefined
el-form-代码如下

      <el-form ref="formRef" :model="scope.row">
                <!-- 1 -->
                <template class="flex justify-around mb-5px">
                  <el-form-item prop="a1" :rules="minRange1(scope.row)" class="w-30%">
                    <el-input
                      v-model="scope.row.a1"
                      size="small"
                      placeholder="最小值"
                      :formatter="(value) => `${value}`.match(/\d+\.?\d{0,2}/)"
                    >
                      <template #append>PPM</template>
                    </el-input>
                  </el-form-item>


rules 代码如下

const minRange1 = (row) => {
  return [
    { required: true, message: '请输入指标', trigger: 'blur' },
    {
      validator: (rule, value, callback) => {
        if (row.a2) {
          if (Number(row.a1) > Number(row.a2)) {
            console.log('检查到了')
            callback(new Error('不能大于最大值'))
          } else {
            callback()
          }
        } else {
          callback()
        }
      },
      trigger: ['change', 'blur']
    }
  ]
}


  • 写回答

2条回答 默认 最新

  • 脆皮桃桃乌� 2024-08-08 09:40
    关注

    已解决,el-form包裹el-table,prop需绑定index

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 8月16日
  • 已采纳回答 8月8日
  • 创建了问题 8月2日

悬赏问题

  • ¥15 如何在vue.config.js中读取到public文件夹下window.APP_CONFIG.API_BASE_URL的值
  • ¥50 浦育平台scratch图形化编程
  • ¥20 求这个的原理图 只要原理图
  • ¥15 vue2项目中,如何配置环境,可以在打完包之后修改请求的服务器地址
  • ¥20 微信的店铺小程序如何修改背景图
  • ¥15 UE5.1局部变量对蓝图不可见
  • ¥15 一共有五道问题关于整数幂的运算还有房间号码 还有网络密码的解答?(语言-python)
  • ¥20 sentry如何捕获上传Android ndk 崩溃
  • ¥15 在做logistic回归模型限制性立方条图时候,不能出完整图的困难
  • ¥15 G0系列单片机HAL库中景园gc9307液晶驱动芯片无法使用硬件SPI+DMA驱动,如何解决?