Vue3升级-Element UI迁移至Element Plus问题汇总

1、表单校验

1.1、validate方法

表单校验方法validate的变化

validate 对整个表单的内容进行验证。 接收一个回调函数，或返回 Promise。

在Element Plus中，表单校验的validate已经变为异步，因此，形如下方代码将导致直接校验 + 提交同步进行

  let errorFlag = false
  this.$refs.form.validate((valid) => {
      if (!valid) {
          formErrorFlag = true
          return
      }
  })
  if (errorFlag) return
  // 提交逻辑

2、弹窗

2.1、滚动条

在使用弹窗时，页面默认会多出Y轴方向的滚动条。

给el-dialog增加:lock-scroll="false"属性

<el-dialog :lock-scroll="false"