element表单验证，数据不是固定的，能验证么？显示我做出来了，不知道怎么写规则

Question

想写个表单验证，但是里面的数据不是固定的，是遍历出来的，不知道该怎么写规则
代码在这里有https://jsfiddle.net/pbzgjv5e...

类似这样从ruleForm里遍历，然后显示出来

   ruleForm: {
      name: '',
      region: '',
      date1: '',
      date2: '',
    },

代码：

<div id="app">
  <el-form ref="ruleForm" :model="ruleForm" label-width="80px">
    <el-form-item v-for="(item,index) in Object.keys(ruleForm)" :label="item" prop="" :key="index">
      <el-input v-model="ruleForm[item]"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button type="primary">立即创建</el-button>
      <el-button>取消</el-button>
    </el-form-item>
  </el-form>
</div>

data() {
  return {
    ruleForm: {
      name: '',
      region: '',
      date1: '',
      date2: '',
    },
    rules: {
      name1: [
        { required: true, message: '不能为空', trigger: 'blur' },
      ],
    }
  };
},

Answer 1

官网例子

直接根据官网的例子写即可，使用的key也是一样的，分别是name,region...