用element ui 帮我写一个vue表单验证，第一行和第二行是下拉框，第三行是数字输入框并且只能是0以上的数字

好的，以下是一个示例代码：

<template>
  <el-form ref="form" :model="formData" label-width="120px" size="medium">
    <el-form-item label="下拉框1" prop="select1">
      <el-select v-model="formData.select1" placeholder="请选择">
        <el-option label="选项1" value="option1"></el-option>
        <el-option label="选项2" value="option2"></el-option>
        <el-option label="选项3" value="option3"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="下拉框2" prop="select2">
      <el-select v-model="formData.select2" placeholder="请选择">
        <el-option label="选项1" value="option1"></el-option>
        <el-option label="选项2" value="option2"></el-option>
        <el-option label="选项3" value="option3"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="数字输入框" prop="number">
      <el-input-number v-model="formData.number" controls-position="right" :min="0"></el-input-number>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="submitForm">提交</el-button>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        select1: '',
        select2: '',
        number: 0
      }
    };
  },
  methods: {
    submitForm() {
      this.$refs.form.validate(valid => {
        if (valid) {
          // 表单验证通过，执行提交操作
          console.log(this.formData);
        } else {
          // 表单验证不通过，不执行提交操作
          return false;
        }
      });
    }
  }
};
</script>

这是一个基本的表单验证示例，其中下拉框和数字输入框分别使用了 `el-select` 和 `el-input-number` 组件，并使用 `prop` 属性设置了表单项的校验规则。在点击提交按钮时，会调用 `submitForm` 方法，该方法中通过 `this.$refs.form.validate` 方法对整个表单进行校验，如果校验通过则执行提交操作，否则不执行。