我在這里撞墻，所以我真的希望有人能指出我正確的方向。我有一個相當簡單的設定，我已經能夠在 Fiddle 中重現它，它由 3 個組件組成
- 父表單
- 單選按鈕選擇
- 包含單選按鈕的面板
每個面板都有自己的資料存盤選擇的當前無線電值。好看又簡單。當進行單選按鈕選擇時，它會更新內部值，并emit進行更改。沒有什么花哨。
不正常的是，一個面板的值變化正在更新另一個，而不是相反。如果我更新面板 1，面板 2 不會改變。但是如果我更新面板 2，它會更新面板 1。
請有人強調我愚蠢的地方，因為我花了太長時間嘗試各種事情來解決這個問題，但我仍然沒有接近。
這是一個演示我遇到的問題的小提琴。任何幫助將不勝感激
uj5u.com熱心網友回復：
代碼的問題是v-for中的屬性id。
:id="option.value"如果您洗掉此選項，它會起作用。
uj5u.com熱心網友回復：
哦 *****！！！搞清楚了，真的和 Vue.js 一點關系都沒有。該問題與單選按鈕以及 HTML 表單的作業方式有關。因為我使用 HTML 單選按鈕，所以它們需要一個名稱（我忘記了。最重要的是，標簽使用了一個for屬性作為輸入的 id，我將其設定為該輸入的值。但是因為每個面板都使用相同的單選選項，所以表單上有多個具有相同 ID 的單選按鈕，所以它選擇了所有這些
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/364159.html
標籤：Vue.js
上一篇：在v-for中計算而不是v-if