vue example-radio button

by cactus77kiki

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
<div id="app"> 
  <span v-for="(row,index) in typeVal">
    <input type="radio" v-bind:value="row.name" v-model="selectitem" v-on:change="changeType(row)">                
    <label>{{row.text}}</label>
  </span>   
</div>

JavaScript

var app = new Vue({
    el: '#app',
    data: {
    	selectitem:'',
    	typeVal: [{id:1, name:'A', text: '新店線' },
      					{id:2, name:'B', text: '板南線'},
                {id:3, name:'C', text: '南勢角線'},
                {id:4, name:'D', text: '淡水線'}]
    },
    methods:{
    	changeType: function(row){
      	//異動事件
        console.log(row);
      }
    }    
});