elementui 和vantUi表单validate区别

elementui 和vantUi表单自动触发验证区别

elementui表单如果有添加校验，将button设置native-type="submit"并不会触发表单的自动验证

而vantui会自动触发，不需要手动写this.$refs.form.validate。

elementui是这样去测试的并没有触发，页面并没有触发

 

 vantui

    <van-form ref="testForm" :rules="dataRule">
            <van-field 
            v-model="tvName" 
            name='tvName' 
            placeholder="电视剧名" 
            :rules="[{ required: true, message: '请输入电视剧名' }]" 
          />
          <van-field 
            v-model="name" 
            name='name' 
            placeholder="姓名" 
            :rules="[{ required: true, message: '请输入姓名' }]" 
          />
          <van-button type="info" size="large"  native-type="submit">提交</van-button>

        </van-form>

这个是vant点击提交按钮就自动触发了表单验证

 

看样子elementui是不支持native-type="submit"自动触发表单验证