elementUI表格单选

html代码

 1 <el-table :data="tableData">
 2     <el-table-column width="55" label="选择">
 3        <template slot-scope="props">
 4           <input type="radio" :value="props.row.id" v-model="selectRow" @change="change(props.row)" />  
 5        </template>
 6     </el-table-column>
 7     <el-table-column prop="name" label="课程名称" width="400"></el-table-column>
 8     <el-table-column prop="categoryName" label="课程名称分类"></el-table-column>
 9     <el-table-column prop="lecturerName" label="讲师名称" ></el-table-column>
10     <el-table-column prop="recommendUnit" label="推荐单位"></el-table-column>
11     <el-table-column prop="id" label="课程id"></el-table-column>
12     <el-table-column prop="paperInfo" label="课后检测" width="80"></el-table-column>
13 </el-table>

js代码

 1  change(item) {
 2      this.selectObj = item;
 3  },
 4  sureClick() {
 5      bus.$emit(events.selectTask, {
 6         name: this.selectObj.name,
 7         id: this.selectObj.id
 8      });
 9      this.modalVisible = false;
10  }