输入框禁止输入 el-input 但可以使用clearable

在前端开发中，`el-input` 是 Element UI 库中的一个组件，用于创建输入框。如果你需要禁止用户输入内容，但仍然希望使用它的可清除（clearable）功能，通常可以通过以下几种方式实现：

1. 禁止输入：可以通过设置 `el-input` 组件的 `disabled` 属性为 `true` 来禁用输入框，这样用户无法在输入框中输入任何内容。

2. 保持可清除功能：即使输入框被禁用，Element UI 仍然允许使用 `clearable` 属性。这样，即使输入框不可编辑，用户仍然可以通过点击清除图标来清除输入框中的内容。

示例代码如下：

<template>
  <el-input
    v-model="inputValue"
    :disabled="true"
    clearable
  ></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  }
};
</script>

在这个示例中，`el-input` 组件绑定了一个数据模型 `inputValue`，设置 `disabled` 属性为 `true` 使得输入框被禁用，同时保留了 `clearable` 属性以便用户可以点击清除图标。