element ui的el-table表格添加单选框

话不多说，上源码

<template>
	<div class="page">
		<el-table :data="tableData" ref="singleTable" highlight-current-row border style="width: 100%">
					  <el-table-column label="" width="40">
				     <template scope="scope">
				      <el-radio :label="scope.$index" v-model="radio" @change.native="getCurrentRow(scope.row)" style="color: #fff;padding-left: 10px; margin-right: -25px;"></el-radio>
				    </template>
			</el-table-column>
			<el-table-column prop="date" label="日期" width="180" >
			</el-table-column>
			<el-table-column prop="name" label="姓名" width="180">
			</el-table-column>
			<el-table-column prop="address" label="地址">
			</el-table-column>
		</el-table>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				value: "",
				tableData: [{
					date: '2016-05-02',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1518 弄'
				}, {
					date: '2016-05-04',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1517 弄'
				}, {
					date: '2016-05-01',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1519 弄'
				}, {
					date: '2016-05-03',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1516 弄'
				}]
			}
		},
		methods: {
			currentRow(row) {
				console.log(row)
			},
		}
	}
</script>