回答編集履歴
1
追記
test
CHANGED
@@ -313,3 +313,47 @@
|
|
313
313
|
|
314
314
|
|
315
315
|
以上参考になれば幸いです。
|
316
|
+
|
317
|
+
|
318
|
+
|
319
|
+
**2020/05/13 追記**
|
320
|
+
|
321
|
+
|
322
|
+
|
323
|
+
子コンポーネントのradioボタンで変更すると親コンポーネントに伝播します。
|
324
|
+
|
325
|
+
また、親コンポーネント側で直接プロパティを変えてもそれが子コンポーネントに伝播します。
|
326
|
+
|
327
|
+
|
328
|
+
|
329
|
+
```vue
|
330
|
+
|
331
|
+
<radio-button
|
332
|
+
|
333
|
+
v-for="period in periodList"
|
334
|
+
|
335
|
+
:key="`${radioButtonName1}-${period.id}`"
|
336
|
+
|
337
|
+
:content="period"
|
338
|
+
|
339
|
+
:name="radioButtonName1"
|
340
|
+
|
341
|
+
:checkedValue="checked1"
|
342
|
+
|
343
|
+
@change="updateValue1"
|
344
|
+
|
345
|
+
></radio-button>
|
346
|
+
|
347
|
+
<div class="data">value = {{ checked1 }}</div>
|
348
|
+
|
349
|
+
<div>
|
350
|
+
|
351
|
+
<input type="text" v-model="checked1" />
|
352
|
+
|
353
|
+
</div>
|
354
|
+
|
355
|
+
```
|
356
|
+
|
357
|
+
|
358
|
+
|
359
|
+
![イメージ説明](79016931cda92fc2f2d174bc3cb355d3.gif)
|