element-ui編輯表單中的el-radio無法選擇的情況

困擾了半上午的bug,表單樣式及代碼如下。
問題是回顯數據之後,當我點擊其他的radio想要選擇的時候,勾選不了。
在這裏插入圖片描述在這裏插入圖片描述

在網上找到了一樣的bug,有解決方案,同樣沒有找到原因。
解決方案是:原本是把從後臺得到的數據res.data直接賦值給editPowerForm,現在需要先把res.data賦值給let obj,然後再由obj賦值給editPowerForm,就可以了。
原因是editPowerForm沒有聲明radio這一變量,vue中對數據雙向綁定的支持限於基本添加刪除的方法,詳情看官網。在這裏相當於直接賦值給未聲明的變量,所以雙向綁定不會被vue監聽,即沒有刷新。而先賦值給obj,相當於radio在被賦值前已經被聲明瞭,所以可以被雙向綁定監聽到。
說的有點繞,總之就是radio要先被創建,才能被vue雙向綁定監聽到。
還有需要注意的是
:radio的值應該是string類型,如果後臺返回的值是int類型,radio不會默認選中。

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