需求和使用场景：
在开发一个后台管理系统时遇到了，用户可以在下拉框中任意输入内容的问题，这会导致发送请求时的参数出错，导致network报错，拿不到数据。
解决方法一：
给el-input组件添加一个固有属性readonly，我在ElementUi文档中查到了这个固有属性，所以要多看文档。代码示例：
<el-form-item label="角色" prop="roleName">
<el-input v-model="formData.roleName" style="width:50%" placeholder="请选择角色" readonly />
</el-form-item>
解决方法二：
将el-input组件的v-model双向绑定数据改为:value这样写就不会监测到输入框的input事件了，也就达到了只读的效果。代码示例：
<el-form-item label="部门" prop="departmentName">
<el-input :value="formData.departmentName" style="width:50%" placeholder="请选择部门" />
</el-form-item>
