element的表格单选设置

element的表格单选设置

要求： 在elementUI的表格中显示单选按钮，并实现单选功能

代码：

      <el-table
        ref="singleTable"
        :data="tableData"
        border
      >
        <el-table-column
          fixed="left"
          label="选择"
          align="center"
        >
          <!-- 添加单选按钮 -->
          <template slot-scope="scope">
            <el-radio
              v-model="selectRadio"
              :label="scope.$index"
              @change.native="getTemplateRow(scope.row)"
            >
              {{ "" }}
            </el-radio>
          </template>
        </el-table-column>
        <el-table-column fixed prop="id" label="编号" />
        <el-table-column prop="name" label="姓名" />
        <el-table-column prop="age" label="年龄"/>
        <el-table-column prop="detail" label="介绍" show-overflow-tooltip fixed="right" />
      </el-table>




   data () {
      return {
        selectRadio:null
      }
    }


    methods:{
       // 单选的方法
       getTemplateRow(item) {
     // ... 拿到选中的表格数据
       }
    }