使用bootstrap-vue-3和vue-3使引导程序vue-b-table可排序

Question

我正在努力使我的b-table可排序

我使用："vue"："3.2.13"；

"bootstrap-ve-3"："0.1.6〃；

不确定我做错了什么

另外，它支持过滤和分页吗？

这是我的vue目前

<template>
<div class="overview">
<b-table
sort-by="status" sortDesc
:items="items"
:fields="formFields.licences"
>
</b-table>
</div>
</template>
<script>
export default {
name: "licences.vue",
data(){
return {
formFields: {
licences: [
{key: "name", sortable: true,  label: "Name"},
{key: "status", sortable: true, label: "Status"},
],
},
items: [
{ name: "Jack", status: "Used" },
{name: "Frank", status: "Unused"},
{name: "Larry", status: "Used" }
]
}
}
}
</script>

Answer 1

尝试使用以下代码进行排序：

add it in b-table ->  v-model:sort-by.sync="sortBy"
v-model:sort-desc.sync="sortDesc" 
return{
sortDesc:false
}