困擾了半上午的bug,表單樣式及代碼如下。
問題是回顯資料之後,當我點選其他的radio想要選擇的時候,勾選不了。

在網上找到了一樣的bug,有解決方案,同樣沒有找到原因。
解決方案是:原本是把從背景得到的資料res.data直接指派給editPowerForm,現在需要先把res.data指派給let obj,然後再由obj指派給editPowerForm,就可以了。
原因是editPowerForm沒有聲明radio這一變量,vue中對資料雙向綁定的支援限于基本添加删除的方法,詳情看官網。在這裡相當于直接指派給未聲明的變量,是以雙向綁定不會被vue監聽,即沒有重新整理。而先指派給obj,相當于radio在被指派前已經被聲明了,是以可以被雙向綁定監聽到。
說的有點繞,總之就是radio要先被建立,才能被vue雙向綁定監聽到。
還有需要注意的是
:radio的值應該是string類型,如果背景傳回的值是int類型,radio不會預設選中。