element ui 中 table 排序 sortable失效问题

最新推荐文章于 2024-05-16 17:46:23 发布

时光在等一个人

最新推荐文章于 2024-05-16 17:46:23 发布

阅读量8.1k

点赞数 16

本文链接：https://blog.csdn.net/weixin_43878117/article/details/115161605

版权

"这篇博客探讨了在使用Vue和Element UI组件库时遇到的一个常见问题，即表格列的排序功能不生效。作者通过示例代码指出，当在`el-table-column`标签中遗漏了`prop`属性时，排序功能将无法正常工作。添加`prop="name"`后，列排序功能成功启用。这为遇到类似问题的Vue开发者提供了一个快速解决方案。"

摘要由CSDN通过智能技术生成

sortable效果：（不生效）
在这里插入图片描述

  <el-table-column width="89" align="center" label="患者姓名" sortable>
     <template slot-scope="scope">
       {{ scope.row.name }}
     </template>
  </el-table-column>

结果点击上图上下箭头毫无反应，在el-table-column中加上prop="name"生效

  <el-table-column width="89" align="center"  label="患者姓名" prop="name" sortable>
     <template slot-scope="scope">
       {{ scope.row.name }}
     </template>
  </el-table-column>

时光在等一个人

关注

16
点赞
踩
15

收藏

觉得还不错? 一键收藏
4
评论
element ui 中 table 排序 sortable失效问题

sortable效果：（不生效） <el-table-column width="89" align="center" label="患者姓名" sortable> <template slot-scope="scope"> {{ scope.row.name }} </template> </el-table-column>结果点击上图上下箭头毫无反应，在el-table-column中加上prop="name
复制链接

扫一扫