Does elementUI form validation have to be written this way? RuleForm.name

this is an example of the official website:

<el-form :model="ruleForm" :rules="rules" ref="ruleForm">
  <el-form-item label="" prop="name">
    <el-input v-model="ruleForm.name"></el-input>
  </el-form-item>
  <el-button type="primary" @click="submit()"></el-button>
</el-form>
------------------------------
  ruleForm:{
    name:"",
  },
  rules:{
    name:[
      {
        required: true, 
        message: "", 
        trigger: "blur"
      }
    ]
  }

my question:

<el-input v-model="ruleForm.name"></el-input>

isn"t it okay for me to change the way I write ruleForm.name, in this place like this?

<el-input v-model="name"></el-input>

the verification of this writing method will be invalid. I"m not used to it.

Element-ui vue.js html5 html css

Oct.14,2021

element-ui verification rules, you need to add: rules= "rules" to the form tag el-form, and then the verification rules corresponding to the binding prop on the input box input in the form
are as follows:

<el-form :model="ruleForm" :rules="rules" ref="ruleForm">
  <el-form-item label="" prop="checkName">
    <el-input v-model="ruleForm.name"></el-input>
  </el-form-item>
</el-form>
------------------------------
  ruleForm:{
    name:"",
  },
  rules:{
    checkName:[
      {
        required: true, 
        message: '', 
        trigger: 'blur'
      }
    ]
  }

change the form input box prop= "checkName" corresponding to name = > checkName, in rules

as for the bound input vmurm model = "name", it should be bound according to el-form: model= "ruleForm" lai, so your original way of writing vmurl model = "ruleForm.name" is fine

Previous: Now there is an attribute in the array. I want to delete this line of attributes when the value of this attribute is true, but how to delete all of them when there are multiple tru? now just delete one.

Next: The difference in absolute paths using img tags between html in angular6 and ordinary html