Vuetify4

表格

<v-data-table
    :headers=""
    :items=""
    :sort-by.sync=""
    :sort-desc.sync=""
    :loading=""
    class="elevation-1"
></v-data-table>

说明：header、items 对象数组，header 对象中有 text、align、value 属性，items 对象中有 header 中 value 的值 ，sort-by.sync header 中用来排序的 value，可以通过修改它来修改用来排序的列，sort-desc.sync 判断是否倒序，可以通过控制它来控制升降序。loading 为 true 有进度条效果。

Read more »