element-ui table组件属性：reserve-selection分页保留勾选项

最新推荐文章于 2024-04-23 10:34:10 发布

_处女座程序员的日常

最新推荐文章于 2024-04-23 10:34:10 发布

阅读量1.1k

点赞数

分类专栏：浏览器 vue Element UI 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_42931285/article/details/128246628

版权

vue 同时被 3 个专栏收录

208 篇文章 4 订阅

订阅专栏

Element UI

58 篇文章 1 订阅

订阅专栏

浏览器

47 篇文章 1 订阅

订阅专栏

row-key就是要指定一个key标识这一行的数据

 <el-table
      border
      ref="multipleTable"
      v-loading="tableLoading"
      :data="tableData"
      row-key="id" 
      @selection-change="handleSelectionChange"
    >
      <el-table-column
        type="selection"
        width="50"
        align="center"
        :reserve-selection="true"
      >
      </el-table-column>
      <el-table-column
        v-for="col in cols"
        :prop="col.prop"
        :label="col.label"
        :width="col.width"
        align="center"
      ></el-table-column>
    </el-table>

methods: {
    // 列表选择,val选中的表格行数据
    handleSelectionChange (val) {
      console.log(val)
    },

    // 清空选择的值，批量删除之后需要调用一下
    clearSelect () {
      this.$refs.multipleTable.clearSelection()
    }
}