【求解】vue input radio 点击事件取值问题

<template>
  <div id="app">

    <div class="taskList" @click="handle">
          <input type="radio"  name="task" value="1"  v-model='selectStatus'>全部
          <input type="radio"  name="task" value="2" v-model='selectStatus'>已完成
          <input type="radio"  name="task" value="3" v-model='selectStatus'>检索中
          <input type="radio"  name="task" value="4" v-model='selectStatus'>未开始
</div>
  </div>
</template>

<script>
export default {
  name: "app",
 data(){
        return{
            selectStatus:'',
        }
    },
    methods:{
      handle(){
        console.log("取到的值是"+this.selectStatus);
      }
    },
  watch:{
    selectStatus:function(newval,oldval){
        console.log("当前应取到的值："+newval,"这是之前的值："+oldval);
    }
  }
};
</script>

如果不把事件绑定在这个 .task和其中的input上 ，当选择好radio后,绑定在其他元素来触发点击事件就可以准确传值，希望有朋友能帮我看看是怎么回事？