element表格单选

<html>

<el-table :data="tableData" style="width: 100%" border>
  <el-table-column label="默认" width="90">
    <template slot-scope="scope">
      <el-radio @change="radioSelect(scope.row)" :label='scope.row.defaultType' v-model="defaultType">&nbsp;
      </el-radio>
    </template>
  </el-table-column>
  <el-table-column prop="name" label="名称" width="220"></el-table-column>
  <el-table-column prop="num" label="数量"></el-table-column>
  <el-table-column prop="createTime" label="创建时间" width="180"></el-table-column>
</el-table>

</html>

data(){

　　defaultType:0,

       tableData:[

　　　　{defaultType:1,name:'名称1',num:2,createTime:''},

　　　　{defaultType:0,name:'名称2',num:2,createTime:''},

　　　　{defaultType:1,name:'名称3',num:2,createTime:''},

　　]

},

methods:{

　　radioSelect(row){

　　　　this.defaultType=0;

　　　　this.tableData.forEach(item=>{

　　　　　　item.defaultType=1

　　　　})

　　　　row.defaultType=0

　　}

}

posted @ 2021-03-02 15:09  白_小白  阅读(175)  评论(0)    收藏  举报