想寫個(gè)表單驗(yàn)證，但是里面的數(shù)據(jù)不是固定的，是遍歷出來的，不知道該怎么寫規(guī)則
代碼在這里有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">立即創(chuàng)建</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' },
      ],
    }
  };
},