element-ui之select無法回顯問題如何解決

這篇文章主要講解了“element-ui之select無法回顯問題如何解決”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“element-ui之select無法回顯問題如何解決”吧！

element-ui解決select無法回顯

問題描述

給的是value的值，沒有正常顯示lable中的值，是因為當select中只賦值了value沒有賦值lable的值時，系統會默認將value和lable共用。

我們在綁定數值時value=“1” 是綁定的字符串，所以下面重新將value 賦值為2，同時lable也默認成2，就顯示了2.

方法：使用**：value=“1”**就可以回顯。

<el-select v-model="moreForm.isVip" placeholder="獎勵會員" >
            <el-option label="普通會員" value="0"></el-option>
            <el-option label="vip" value="1"></el-option>
            <el-option label="vvip" value="2"></el-option>
          </el-select>

getUserInfor(row) {
       this.moreForm.isVip = row.isVip;
    },

解決方法

<el-select v-model="moreForm.isVip" placeholder="獎勵會員" >
            <el-option label="普通會員" :value="0"></el-option>
            <el-option label="vip" :value="1"></el-option>
            <el-option label="vvip" :value="2"></el-option>
          </el-select>

element-ui多個select回顯成功，但是選中無反應

在使用el-select 組件出現一個小問題，對成功回顯后的數據，再次進行添加，選框中沒有更新，但是提交表單，實際數據是更新的。懷疑可能是視圖層沒有更新，組件化框架類似問題。

原因 下拉框數據是循環別的接口得來的，因為數據層次太多，render函數沒有自動更新，需手動強制刷新

解決方案

添加 @change="$forceUpdate()" 強制更新視圖

<el-select v-model="form.roleIds" multiple placeholder="請選擇" @change="$forceUpdate()">
                <el-option
                  v-for="item in roleOptions"
                  :key="item.id"
                  :label="item.roleName"
                  :value="item.id"
                  :disabled="item.status == 1"
                ></el-option>
              </el-select>

感謝各位的閱讀，以上就是“element-ui之select無法回顯問題如何解決”的內容了，經過本文的學習后，相信大家對element-ui之select無法回顯問題如何解決這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！