vue相关组件用法

<el-checkbox v-model="checkbox.checkModel" :label="index"
  :disabled="checkbox.disabled.indexOf(index) >= 0"
  style="padding-left: 10px">
</el-checkbox>

 <el-table v-loading="tableQuery.loading" :data="tableData" ref="dataTable" :row-key="(row)=>{ return row.id}"  @selection-change="handleSelectionChange">
      <el-table-column type="selection" reserve-selection="true" />

      <el-table-column label="格式化" :formatter="format" />

<el-table-column label="操作" align="center">
        <template slot-scope="scope">
          <el-button icon="el-icon-search" title="查询" size="mini" plain @click="query(scope.row)" />
        </template>
 </el-table-column>

</el-table>

handleSelectionChange(val) {
        this.multipleSelection = val;

 }

query(row) {

        this.$nextTick(() => {
              this.$refs.dataTable.toggleRowSelection(self.tableData[index],true);
         });

 }

//格式化
      format(row) {
        let obj = this.arr.find((item) => {
          return item.value === row.id;
        });
        if (typeof obj !== 'undefined'){
          return obj.label;
        }else {
          return row.id;
        }
      }