element ui的单选按钮el-radio给它增加@click.native.prevent点击事件后为什么无法被选中？

现在需求是一列动态加载的数据，每条数据后面跟一个单选按钮，当单选按钮被点击时，弹出弹框，显示当前点击行的内容。
为什么给单选按钮加了 @click.native.prevent事件之后，点击按钮就只会弹框，但是按钮不会被选中了？如果去掉点击事件，是可以正常点击选中的。

<!-- 单选方法,返回选中的表格行 -->
<el-table-column align="center" label="选择" width="55">
  <template slot-scope="scope">
    <el-radio v-model="checked" :label="scope.row.globalId" 
    @click.native.prevent="dialogVisible = true" 
    @click.native.prevent="getTemplateRow(scope.$index,scope.row)"
    >&nbsp;
    </el-radio>
  </template>
</el-table-column>

代码是这样的，点击事件里面也仅仅是获取数据

就是这样，弹框出现了，当前行也高亮了，但是按钮没被选中

解决了，把@click.native.prevent改成@change.native即可……感觉自己好蠢-。-