Двусторонняя Привязка Bootstrap-Vue Таблиц

Я пытаюсь использовать двустороннюю привязку данных с помощью v-модели в bootstrap-vue. Но значение в таблице не изменяется при изменении значения.

Я пытаюсь изменить данные с помощью входного текста.

<template>
    <b-table striped hover :items="items" :fields="fields" v-model="items"></b-table>

    <span>The Value: {{value}} </span>
    <b-form-input v-model="value"></b-form-input>
</template>

<script>
  export default {
    data() {
      return {
        value = '',
        fields: ['field', 'value',],
        items: [
          { field: 'Field of Value', value: this.value},
        ]
      }
    }
  }
</script>

данное значение из ввода формы изменяет текст диапазона, но не изменяет b-table?