業務開發使用了適用性較廣的基礎多選，用 Tag 展示已選項,為el-select設置multiple屬性即可啟用多選,設置filterable可搜索選擇

      <el-select
          v-model="value"
          multiple
          filterable
          popper-class="select-rule"
          no-match-text="暫無信息"
          no-data-text="暫無信息"
          :default-first-option=true
          :reserve-keyword=true
          @change="selectProvider"
          placeholder="請選擇>
             <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.text"
                  :value="item.value">
            </el-option>
      </el-select>

data() {
            return {
                options: [{
                    value: 'HTML',
                    text: 'HTML'
                }, {
                    value: 'CSS',
                    text: 'CSS'
                }, {
                    value: 'JavaScript',
                    text: 'JavaScript'
                },{
                    value: '選項1',
                    text: '黃金糕'
                }, {
                    value: '選項2',
                    text: '雙皮奶'
                }, {
                    value: '選項3',
                    text: '蚵仔煎'
                }, {
                    value: '選項4',
                    text: '龍須面'
                }, {
                    value: '選項5',
                    text: '北京烤鴨'
                },],
                value: [],
            }
        },

• 最終完成效果

  
  

最后還需要提醒大家一點，本篇文章中的例子僅供參考學習，切誤將本篇文章中的代碼直接使用在正式項目當中。希望以上代碼對大家有所幫助。