Element UI 中输入框状态限制

1. 输入框只读状态

   <el-form :model="form" :rules="rules">
     <el-form-item label="手机号">
       <el-input :value="form.phone" readonly></el-input>
     </el-form-item>
   </el-form>
   

2. 输入框禁用状态

   <el-form :model="form" :rules="rules">
     <el-form-item label="手机号">
       <el-input :value="form.phone" disabled></el-input>
     </el-form-item>
   </el-form>
   

3. 输入框的值不能编辑状态
   想要将输入框的状态变更为不可编辑状态，只需要将 v-model 更改为 :value 来绑定值即可

   <el-form :model="form" :rules="rules">
     <el-form-item label="手机号">
       <el-input :value="form.phone"></el-input>
     </el-form-item>
   </el-form>