改動點

<el-select 添加屬性??multiple，

?v-model=? 綁定的必須是個數(shù)組，在data中定義好，

?回顯的時候，后臺傳遞數(shù)組有值就能顯示多個選中的。

              <el-row>
                <el-col :span="24">
                  <elian-table-form-item prop="orgRoles" label="用戶角色類型">
                    <el-select
                      multiple
                      v-model="form.orgRoles"
                      placeholder="請選擇">
                      <el-option
                        v-for="item in roleTypeDic"
                        :key="item.roleId"
                        :label="item.roleName"
                        :value="item.roleId"
                      >
                      </el-option>
                    </el-select>
                  </elian-table-form-item>
                </el-col>
              </el-row>


  data() {
    return {
      roleTypeDic: [
                    {roleId:'01',roleName:'經(jīng)理'},
                    {roleId:'02',roleName:'銷售'}
                    ], // 這邊可以動態(tài)后臺查詢
      form: {
        orgRoles:[],  // 這個里面是roleId 數(shù)組，后臺獲取到list后頁面會直接顯示
      },

    };
  },

后臺

// 后臺list 有值頁面就會顯示已選中的
List<String>orgRoles = ArrayList();
orgRoles.add("01"); 
orgRoles.add("02"); 

遇到問題建議多看element官網(wǎng)文章，下拉框單選、多選、輸入檢索都有案例

學習來源：?el-select 多選框使用 以及回顯默認選中說明_el-select多選回顯_A.X.C的博客-CSDN博客

官方文檔：?Element - The world's most popular Vue UI framework?文章來源地址http://www.zghlxwxcb.cn/news/detail-538137.html

到了這里，關于el-select 多選框使用 以及回顯默認選中說明的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！