elementUI表格分页复选框问题

最新推荐文章于 2024-05-13 09:58:20 发布

原创

最新推荐文章于 2024-05-13 09:58:20 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#elementUi

本文探讨了在使用elementUI时遇到的表格分页与复选框状态保持的问题，通过官方文档链接提供了相关解决方案。

elementUI复选框问题

elementUi地址：https://element.eleme.cn/#/zh-CN/component/table#table-methods

添加elementui复选框：
在这里插入图片描述
代码：

 <template>
   <el-table
     ref="multipleTable"
     :data="tableData"
     style="width: 100%"
     @selection-change="handleSelectionChange"> #所有的实体信息都存储在multipleSelection中，改变事件，主动覆盖
     <el-table-column
       type="selection"  #设type属性为selection即可；默认情况下若内容过多会折行显示，若需要单行显示可以使用
       width="55">
     </el-table-column>
   </el-table>
 </template>
 
 <script>
   export default {
     data() {
       return {
         multipleSelection: []
       }
     },
     methods: {
       handleSelectionChange(val) {
         this.multipleSelection = val;