elementUi-form-rules参数匹配问题

案例代码：

<el-form
              :model="editForm"
              status-icon
              :rules="rules"
              ref="addCate"
              label-width="150px"
              class="demo-ruleForm"
            >
              <div style="margin: 50px"></div>
              <el-form-item label="分类名称" prop="cate_name">
                <el-input
                  type="text"
                  v-model="editForm.cate_name"
                  autocomplete="off"
                ></el-input>
              </el-form-item>
              </el-form>

匹配规则如下：

data() {
    return {
     editForm: {
        id:1,
        cate_name: '',
        },
     rules: {
        cate_name: [
          { required: true, message: '分类名称不能为空', trigger: 'blur' },
          {
            pattern: /^\S{1,10}$/,
            message: '分类名称必须是1-10位的非空字符串',
            trigger: 'blur',
          },
        ],
}

匹配流程：

一套流程分析下来，发现从api接口规定的上传数据属性名开始，editForm中的属性名，prop监视的属性名，rules中被匹配规则的名字，全部都必须要相同