现在需求是一列动态加载的数据,每条数据后面跟一个单选按钮,当单选按钮被点击时,弹出弹框,显示当前点击行的内容。
为什么给单选按钮加了 @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)"
>
</el-radio>
</template>
</el-table-column>
代码是这样的,点击事件里面也仅仅是获取数据
就是这样,弹框出现了,当前行也高亮了,但是按钮没被选中
解决了,把@click.native.prevent改成@change.native即可……感觉自己好蠢-。-