el-select readonly

`el-select` 组件是 Element UI 框架中的一个选择器组件。如果你想将 `el-select` 设置为只读（read-only），可以使用 `readonly` 属性。这将禁用选择器的交互性，使其只能用于展示数据，而不能进行选择操作。

以下是一个示例代码片段，展示了如何将 `el-select` 设置为只读：

<template>
  <div>
    <el-select v-model="selectedOption" :readonly="true">
      <el-option
        v-for="option in options"
        :key="option.value"
        :label="option.label"
        :value="option.value"
      ></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '', // 初始化选中的选项
      options: [
        { label: 'Option 1', value: 'option1' },
        { label: 'Option 2', value: 'option2' },
        { label: 'Option 3', value: 'option3' }
      ]
    };
  }
};
</script>

在上述示例中，我们将 `:readonly="true"` 应用于 `el-select` 组件，使其成为只读状态。这样，用户将无法通过下拉选择新的选项。注意，`readonly` 属性的值应为布尔类型。