Twitter bootstrap 双向绑定引导Vue表

我试图在

bootstrap vue

表上使用v-model进行双向数据绑定。但表中的值在值更改时不会更改

我尝试用输入文本更改数据

值：{{Value}}
导出默认值{
数据（）{
返回{
值=“”，
字段：['field'，'value'，]，
项目：[
{field:'field of Value'，Value:this.Value}，
]
}
}
}

---

表单输入中的给定值会更改span文本，但不会更改

b表

值？

您应该使用

项

道具，而不是

v-model

指令：

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

---

这是因为

items

数组中第一个对象的

value

属性初始化为

this.value

，但是更新

this.value

不会自动更新

项[0].value

string.@thibautg你知道如何使用它吗？使用

我能问一下你想尝试什么吗？对我来说，如果你只有一张桌子的话，那么使用一张桌子是没有意义的item@Hiws这不是一项更像是试图创建一个带有web服务响应的表，它对输入的每一次更改都会从restful web服务发出请求，并返回一系列数据。为了简化问题，我将其设为一项。由于我使用了：items=“items”两次，因此出现了一个编译错误。啊，好的，我通过复制这些项而犯了一个错误。哦，是的。但不幸的是，这也不起作用。它不会改变任何东西。谢谢你的回答，但是你在哪里使用cal value（newVal）函数呢？不需要调用它，了解更多关于观察者的信息

 export default {
    data() {
      return {
        value : '',
        fields: ['field', 'value',],
        items: [
          { field: 'Field of Value', value: this.value},
        ]
      }
    },
   watch:{
   value(newVal){
   this.items[0].value=this.value;
    this.$set(this.items,0,this.items[0])

    }
  }
  }