回答編集履歴
1
追記
answer
CHANGED
|
@@ -155,4 +155,26 @@
|
|
|
155
155
|
</script>
|
|
156
156
|
```
|
|
157
157
|
|
|
158
|
-
以上参考になれば幸いです。
|
|
158
|
+
以上参考になれば幸いです。
|
|
159
|
+
|
|
160
|
+
**2020/05/13 追記**
|
|
161
|
+
|
|
162
|
+
子コンポーネントのradioボタンで変更すると親コンポーネントに伝播します。
|
|
163
|
+
また、親コンポーネント側で直接プロパティを変えてもそれが子コンポーネントに伝播します。
|
|
164
|
+
|
|
165
|
+
```vue
|
|
166
|
+
<radio-button
|
|
167
|
+
v-for="period in periodList"
|
|
168
|
+
:key="`${radioButtonName1}-${period.id}`"
|
|
169
|
+
:content="period"
|
|
170
|
+
:name="radioButtonName1"
|
|
171
|
+
:checkedValue="checked1"
|
|
172
|
+
@change="updateValue1"
|
|
173
|
+
></radio-button>
|
|
174
|
+
<div class="data">value = {{ checked1 }}</div>
|
|
175
|
+
<div>
|
|
176
|
+
<input type="text" v-model="checked1" />
|
|
177
|
+
</div>
|
|
178
|
+
```
|
|
179
|
+
|
|
180
|
+
|