ElementUI 表格单选

 <el-table ref="multipleTable" border stripe :data="tableData" style="width: 100%"
                      highlight-current-row @row-click="rowClick" v-loading="loading">
                      <el-table-column label="选择" width="55" align="center">
                        <template slot-scope="scope">
                          <el-radio :label="scope.row.ID" v-model="ID">{{ '' }}
                          </el-radio>
                        </template>
                      </el-table-column>
                      <el-table-column type="index" width="55" label="序号">
                      </el-table-column>
                      <el-table-column prop="Title" label="箱号">
                      </el-table-column>
                      <el-table-column prop="Created" label="申请日期">
                      </el-table-column>
                      <el-table-column prop="DepartmentName" label="部门">
                      </el-table-column>
                      <el-table-column prop="Description" label="描述">
                      </el-table-column>
                    </el-table>

　　

 <script type="text/javascript">
        var app = new Vue({
          el: "#app",
          data: {
            ID: "",
       
            labelPosition: 'right',
            loading: false,
 
        
            multipleSelection: [],
            tableData: [],

          },
          methods: {
            async getList() {
              var _this = this;
              const list = $pnp.sp.web.lists.getByTitle("DocumentBox");
              var query = "";
              query += "Status  eq '" + encodeURIComponent('已寄出') + "'"
              _this.loading = true;
              let items = await list.items.select("ID,Title,Created,DepartmentName,Description").filter(query).getAll();
              items.forEach(element => {
                element.Created = _this.dateFormat(element.Created);
              });
              _this.tableData = items;
              //   console.log(items);
              _this.loading = false;
            },
          
            dateFormat(val) {
              var date = val;
              if (date === undefined) {
                return ''
              }
              date = new Date(date);
              return date.format("yyyy-MM-dd HH:mm:ss")
            },

            // 单选样式    
            rowClick(val) {
              this.ID = val.ID;

            },
          },
          created() { },
          mounted() {
            //初始化数据 
       

          }

        })

      </script>