elementUI的select選擇器回填,展示問題

在使用elementUI的select選擇器的時候,編輯數據,頁面數據回填彈出模態框,這時候模態框選擇器的值是數據而非我們定義的label,案例如下:
選擇器前端代碼:
選擇器前端代碼
綁定的數據:
在這裏插入圖片描述
點擊編輯按鈕後,數據回填的代碼:
在這裏插入圖片描述
結果:
在這裏插入圖片描述
在此可以看出,是否付款那兒顯示的是我們的數據值而非名稱,這個原因就是我們前端綁定的數據是String類型,然而回填的是number類型,所以只需要把綁定的數據變成number類型就行了,如下:
去掉引號即可
然後就能得到想要的結果:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章