element ui el-table 表格 单选框实现

因为element ui table组件本身的单选不太明显，交互不好
所有需要实现如果下图这种带单选 radio的样式

<el-table
  stripe
  :data="orderList"
  highlight-current-row
  @current-change="handleCurrentChange"
  class="mt-1">
  <el-table-column width="55">
    <template slot-scope="{row}">
      <el-radio class="radio" :label="row" v-model="currentRow">
      </el-radio>
    </template>
  </el-table-column>
  <el-table-column label="提交时间" prop="tradeCreateDate"></el-table-column>
 </el-table>

 handleCurrentChange(val) {
   this.currentRow = val
 }