现在的效果,只有点击升序降序这个“时间”才会按照升序或者降序排列
我想要达到的效果,进入页面就默认把“时间”按升序排列
应该怎么办?
参考GPT和自己的思路:
对于 element-ui 中的表格排序,默认情况下是没有设置默认的排序方式的。但是我们可以通过设置表格的 default-sort 属性来实现,默认排序的需求。
具体来说,可以在表格的标签中添加 default-sort 属性,并给它赋一个对象。该对象有两个属性:prop 和 order,分别表示按哪一列排序,以及排序的方式(升序还是降序)。例如,在你的情况下,如果想要默认按照“时间”这一列进行升序排序,可以添加如下代码:
<el-table :data="tableData" :default-sort="{ prop: 'date', order: 'ascending' }">
<el-table-column prop="date" label="时间" sortable></el-table-column>
<el-table-column prop="name" label="姓名" sortable></el-table-column>
<el-table-column prop="address" label="地址" sortable></el-table-column>
</el-table>
其中,prop 属性的值为“date”,表示按“时间”这一列排序;order 属性的值为“ascending”,表示升序排序。这样,当打开页面时,表格就会默认按照“时间”这一列进行升序排序。
希望我的回答能够对你有所帮助。
在页面加载的时候,onload里面调用一次排序
不知道你这个问题是否已经解决, 如果还没有解决的话: