element-ui中table——sortable属性失效

最新推荐文章于 2023-08-14 14:37:02 发布

HoShining

最新推荐文章于 2023-08-14 14:37:02 发布

阅读量3.1k

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_36977697/article/details/109028104

版权

vue 专栏收录该内容

11 篇文章 2 订阅

订阅专栏

sortable属性效果 在这里插入图片描述
在开发过程中，我将表格内容用template 来盛放

<el-table-column label="项目名称" sortable align="center" min-width="60%"  key="1"  show-overflow-tooltip >
    <template slot-scope="tableData" >
        <span  class="taskName" >{{ tableData.row.taskName }}</span>
    </template>
</el-table-column>

结果点击上图上下箭头毫无反应，在el-table-column中加上prop="taskName"立即恢复原状

<el-table-column label="项目名称" sortable align="center" min-width="60%"  key="1" prop="taskName" show-overflow-tooltip >
      <template slot-scope="tableData" >
               <span  class="taskName" >{{ tableData.row.taskName }}</span>
      </template>
</el-table-column>