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

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>