美文网首页
element ui table 翻页 默认选中

element ui table 翻页 默认选中

作者: 一代码农1970 | 来源:发表于2019-12-04 16:05 被阅读0次

1、Table Attributes

row-key

2、Table-column Attributes

reserve-selection

3、Table Methods

toggleRowSelection

         <el-table
              border
              ref="table"
              :header-cell-style="{background:'#DFEAFF',color:'#596998',fontSize:'13px',fontWeight:600}"
              :data="tableList"
              :select-on-indeterminate="false"
              @select="selectEvent"
              @selection-change="handleSelectionChange"
              row-key="code"
              height="500"
              >
              <el-table-column
                :reserve-selection="true"
                type="selection"
                width="55">
              </el-table-column>
              <el-table-column
                prop="code"
                label="序号"
                width="120">
              </el-table-column>
              <el-table-column
                prop="content"
                label="特约内容">
                <template slot-scope="{row: {content}}">
                  <div class="appoint-text">{{content}}</div>
                </template>
              </el-table-column>
            </el-table>

// 翻页 查询 默认 选中状态

  toggleRowSelection() {
    this.selectedList.forEach((item) => {
      this.$refs.table.toggleRowSelection(item, true)
    });
  },

相关文章

网友评论

      本文标题:element ui table 翻页 默认选中

      本文链接:https://www.haomeiwen.com/subject/ttslgctx.html