bootstrap-vue:b-table如何防止在某些条件下可选对象的选择发生变化

<template>
  <div>
    <b-table :items="tableData" :fields="tableFields" :no-selectable="shouldDisableSelection"></b-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: 'Object 1' },
        { id: 2, name: 'Object 2' },
        { id: 3, name: 'Object 3' }
      ],
      tableFields: ['id', 'name'],
      shouldDisableSelection: false // 根据条件动态设置该值
    };
  },
  // ...
};
</script>