vue3.0+element-plus 表单验证refs问题


vue3.0获取表单的dom对象为:

<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleFormsss" label-width="100px" class="demo-ruleForm">
</el-form>
<script>
    import {
     reactive,
        ref
    } from 'vue'
    export default{
        setup() {
            let ruleFormsss = ref(null);
    const submitForm = () => {
                 ruleFormsss.value.validate((valid) => {
                    if (valid) {
                        alert('submit!')
                    } else {
                        console.log('error submit!!')
                        return false
                    }
                })
    return{
      ruleFormsss,
      submitForm 
    }
  }
</script>

  

  请记住一定要将ruleFormsss对象return,否则为空不生效


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM