vue input radio单选选中的同时进行相应的操作

<template>
<div class="choose-item">
        <div v-for="(item,index) in data"
             :key="index">
          <label>
            <span>{{item.name}}</span>
            <input type="radio"
                   name="pay"
                   :value="item.id"
                   v-model="pay"
                   @click="confirm" />
            <i></i>
          </label>
        </div>
      </div>
</template>
<script>
export default {
  data () {
    return {
      pay: null,
      data: [
        {
          id: 0,
          name: "播放问题",
        },
        {
          id: 1,
          name: "歌单问题",
        },
        {
          id: 2,
          name: "帐号问题",
        }],
    }
},
  methods: {
    confirm (evt) {
      var evt = evt || window.event;
      var e = evt.srcElement || evt.target;
      this.pay = e.value
    },
}