elementUI表格单选

 

html代码

<el-table :data="gkbmList" max-height="264" border @selection-change="selectRowChange">
   <el-table-column width="60" label="选择" align="center" >
      <template slot-scope="scope">
         <el-radio v-model="selectRow" :label="scope.row">{{''}}</el-radio>
      </template>
   </el-table-column>
   <el-table-column prop="kostl" label="成本中心编码" />
   <el-table-column prop="ktext" label="成本中心名称" />
</el-table>

js代码

selectRowChange(currentRow) {
    this.selectRow = currentRow;
},
submitGkForm() {
    this.gkdialogTableVisible = false;
    this.queryParams.ysGkName = this.selectRow.ktext;
    this.queryParams.ysGkCode = this.selectRow.kostl;
},