el-select下拉多选框 el-select 设置默认值不可删除

el-select是Element UI中的一个下拉选择框组件，可以实现单选、多选等功能。如果想要设置默认值并且不可编辑，可以通过设置el-select的multiple属性为true，然后在v-model中绑定一个数组，数组中包含默认选中的值。同时，可以通过设置el-select的filterable属性为false，禁用搜索功能，从而实现默认值不可删除的效果。

相关问题

el-form 中el-select 设置默认值

在Element UI的`el-form`组件中，如果你想设置`el-select`（下拉选择框）的默认选中项，可以在`el-form-item`的属性中使用`value`选项，并将其设置为你想要预设的选项的值。例如，如果你的选项数据是一个对象，你可以这样操作：

<el-form label-width="80px">
  <el-form-item label="请选择" prop="selectValue">
    <el-select v-model="selectedOption" placeholder="请选择...">
      <el-option
        v-for="(item, index) in options"
        :key="index"
        :label="item.label"
        :value="item.value"
      ></el-option>
    </el-select>
  </el-form-item>
</el-form>

<script>
export default {
  data() {
    return {
      selectedOption: {}, // 预设的选项值，这里可以是你想设置的对象的value
      options: [
        { value: 'option1', label: '选项一' },
        { value: 'option2', label: '选项二' },
        { value: 'option3', label: '选项三' }
      ]
    };
  }
};
</script>

在这个例子中，当你初始化页面时，`selectedOption`将自动绑定到第一个匹配的`options`数组中的`value`。

怎么实现el-select下拉多选默认选择其中一个值

您可以使用v-model绑定选中的值，然后在mounted生命周期中设置默认值，例如：

<el-select v-model="selectedOptions" multiple>
  <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>

export default {
  data() {
    return {
      options: [
        { value: 'option1', label: '选项1' },
        { value: 'option2', label: '选项2' },
        { value: 'option3', label: '选项3' }
      ],
      selectedOptions: []
    }
  },
  mounted() {
    this.selectedOptions = ['option1']
  }
}