el-input只读

要将 el-input 设置为只读，您可以使用 readonly 属性。以下是一个示例：

<el-input v-model="inputValue" :readonly="true"></el-input>

在这个例子中，inputValue 是您绑定的数据模型，将其设置为只读将禁用输入框的编辑功能。通过将 readonly 属性设置为 true，您可以确保 el-input 只能用于显示数据，而不能进行编辑。

相关问题

el-input 只读

el-input的只读效果有两种实现方式。第一种是通过添加disabled属性或者readonly属性来将input设置为只读状态。具体实现方式为在input标签中添加readonly属性即可，代码示例如下：
<el-input v-model="formData.departmentName" style="width:50%" placeholder="请选择部门" readonly />

第二种方式是将input标签中的v-model双向绑定数据改为:value，这样操作后，就不会监测到输入框的input事件了，也达到了只读的效果。代码示例如下：
<el-input :value="formData.departmentName" style="width:50%" placeholder="请选择部门" readonly />

el-input 只读vue

以下是el-input只读的Vue实现方法：

1. 在data中定义readonly为true：

data() {
  return {
    readonly: true
  }
}

2. 在el-input中加上:readonly="readonly"：

<el-input :readonly="readonly"></el-input>

3. 如果需要禁用，可以在data中定义edit为false：

data() {
  return {
    edit: false
  }
}

4. 在el-input中加上:disabled="!edit"：

<el-input :disabled="!edit"></el-input>