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,否則為空不生效
