element中select根據後臺返回的狀態顯示

今天做一個編輯功能,列表需要展示後臺返回的數據, 在select下拉框裏面展示。 但是後臺返回的是數字類型,前端要做的就是根據數字類型進行轉換。

 編輯功能我是寫了一個el-dialog,加入一個布爾值來判斷展示和隱藏。 當用戶點擊編輯時,el-dialog框展示,當點擊內部按鈕確定,彈框隱藏。 編輯的內容我是根據當前行的數據展示在表格中,具體見下圖

 主要遇到問題就是後臺返回的select框是數字類型,當我使用v-model展示渲染的是數字不是文字

我開始的想法是 在v-model 裏面寫三元表達式,根據返回值轉換相對應的文本,在調用編輯接口的時候再根據文本來轉換相應數字,但是這種有問題,編輯不了。

百度了一下,發現是value的格式出現了問題。 我轉換成字符串類型就可以了。具體見下圖

總結:  主要是根據綁定option時候的value的類型來綁定

當綁定是字符串類型,渲染的時候也必須是字符串類型。

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