Vue.jsでラジオボタン [radio button]

2019年5月31日

Vue.jsでラジオボタンを実装してみます。

 

まずはHTMLにそのままラジオボタンの要素を記述していきます。

11~13行目

v-modelディレクティブを利用してデータとバインドしています。checkWeatherというプロパティ名を設定しています。このcheckWeatherの値に、valueで設定している値が代入されます。

 

22行目

dataオプションにcheckWeatherプロパティを用意しています。

 

 

下記コードは、ラジオボタンの構成データをauthorsというプロパティ名の配列で用意しています。

 

 

関連ページ

チェックボックス [全選択][checkbox]

 

 

LINEで送る
Pocket

Copyright © 2019 思考の葉 All Rights Reserved.  プライバシーポリシー