按列对Bootstrap-Vue中的排序并禁止用户排序

<!-- 引入Bootstrap-Vue库 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-vue@2.21.2/dist/bootstrap-vue.min.js"></script>

<!-- 引入Bootstrap样式文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-vue@2.21.2/dist/bootstrap-vue.min.css">

<template>
  <div>
    <b-table :items="items" :fields="fields" sort-by="name" :sort-desc="true"></b-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { name: 'John', age: 25, city: 'New York' },
        { name: 'Alice', age: 30, city: 'London' },
        { name: 'Bob', age: 35, city: 'Paris' }
      ],
      fields: [
        { key: 'name', label: 'Name' },
        { key: 'age', label: 'Age' },
        { key: 'city', label: 'City' }
      ]
    };
  }
};
</script>