关于vue.js:vueui实现全选全不选及清楚样式

58次阅读

共计 629 个字符,预计需要花费 2 分钟才能阅读完成。

1. 编写表单

 <el-table-column type="selection" :reserve-selection="true" v-if="updateShow" fixed="left" :width="100"></el-table-column>

    <el-table-column reset="桩复位" label="桩复位" fixed="right" :width="100" v-if="resetShow">
      <template slot-scope="scope">
        <el-button class="reset" @click="inreset(scope.row)"> 复位 </el-button>
      </template>
    </el-table-column>

2.el-table 上增加事件

<el-table ref="multipleTable" :row-key="(row)=>{return row.id}" tooltip-effect="dark" @selection-change="handleSelectionChange"  border style="width: 100%">
          <myTable :tableKey="tableKey" :width="width" :update-show="true"></myTable>// 这是内容
</el-table>

3. 如果想分明汇合应用

this.$refs.multipleTable.clearSelection();

正文完
 0