el-select没有清除数据的按钮

`el-select` 是 Element UI 库中的选择器组件，它用于提供给用户从一组选项中进行选择的功能。然而，此组件本身并不自带清除选中值的功能。因此，如果你希望为 `el-select` 添加一个清除选中值的按钮，你需要通过自定义 CSS 或者通过 Vue 的 `v-model` 来实现这一需求。

### 实现步骤

#### 方法一：使用 v-model 控制选中状态

<template>
  <div>
    <el-select v-model="selectedValue" placeholder="请选择">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>
    
    <button @click="clearSelected">清除选择</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '', // 保存当前选中的值
      options: [{ value: 'option1', label: 'Option 1' }, { value: 'option2', label: 'Option 2' }] // 示例选项数组
    };
  },
  methods: {
    clearSelected() {
      this.selectedValue = ''; // 清空选定的值
    }
  }
}
</script>

#### 方法二：外部管理状态并触发选择清空

如果需要保持状态的一致性和全局管理，可以选择将 `el-select` 的 `v-model` 绑定到 Vuex 存储中，并在点击清除按钮时更新该状态：

1. **安装并设置 Vuex**
- 安装 Vuex 并创建 store 文件。

2. **Vuex 中的状态管理**

   import Vue from 'vue';
   import Vuex from 'vuex';

   Vue.use(Vuex);

   export default new Vuex.Store({
     state: {
       selectedValue: '',
     },
     mutations: {
       SET_SELECTED_VALUE(state, value) {
         state.selectedValue = value;
       },
       CLEAR_SELECTION(state) {
         state.selectedValue = '';
       },
     },
     actions: {
       setSelectedValue({ commit }, value) {
         commit('SET_SELECTED_VALUE', value);
       },
       clearSelection({ commit }) {
         commit('CLEAR_SELECTION');
       },
     },
   });

3. **在组件中使用 Vuex**

   <template>
     <div>
       <el-select v-model="$store.state.selectedValue" placeholder="请选择">
         <el-option
           v-for="item in $store.getters.options"
           :key="item.value"
           :label="item.label"
           :value="item.value">
         </el-option>
       </el-select>
       
       <button @click="$store.dispatch('clearSelection')">清除选择</button>
     </div>
   </template>

### 相关问题:

1. 在添加清除按钮后，如何确保当点击按钮时，`el-select` 的值被清空同时不影响其他依赖于这一状态的应用程序部分？

2. 是否有可能在选择项发生变化时自动更新组件的样式，比如高亮已选择的选项或者改变背景颜色？

3. 如果有多个 `el-select` 组件在同一页面上，如何避免它们之间的冲突并在点击清除按钮时仅影响与其绑定的 `v-model`？