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