Javascript VueJS2表：如何添加筛选器

我正在尝试使用以下类似的方法来使用axios在vue中填充一个表

如何添加过滤器和搜索栏？我似乎无法添加

v-for=“post in posts | filterBy search

。其中search是

的v型。我看到的文档表明，这在vuejs2中不可用。除了

v-for

指令，我可以在

标记中使用哪些其他指令来支持vuejs2中的

filterBy

• 是否有其他指令可用于axios
• 如果我有一个来自RESTAPI的json结构，我如何使用类似的东西并通过解析json来添加值

---

v-for

是您应该用来显示多个项目的指令。还要注意的是，vue.js将要用于筛选的

搜索
视为
数据，并且每当此类数据发生更改时，vue.js都会触发响应

您可以创建一个
computed
属性，该属性在搜索查询更改后更新

computed: {
    filteredList: function () {
      return this.list.filter(function(){ 
        //select only what matches filter
      });
    }
  }

或者，例如，如果您从异步函数调用（比如远程api）中获得筛选列表，vue.js将提供属性
观察者

要将VueBotStrapTable与远程数据一起使用，您不必直接使用axios，因为组件已经在引擎盖下使用了它。但是，您需要将它配置为通过将其添加到
数据
属性来获取远程数据

ajax: {
  enabled: true,
  url: "http://localhost:9430/data/test",
  method: "GET",
  delegate: false,
  axiosConfig: {}
},

然后在组件声明中引用ajax配置，如

<vue-bootstrap-table :ajax="ajax" ....

v-for
是您应该用来显示多个项目的指令。还要注意的是，vue.js将您要用于筛选的
搜索
视为
数据
，每当此类数据发生更改时，vue.js都会触发响应

您可以创建一个
computed
属性，该属性在搜索查询更改后更新

computed: {
    filteredList: function () {
      return this.list.filter(function(){ 
        //select only what matches filter
      });
    }
  }

或者，例如，如果您从异步函数调用（比如远程api）中获得筛选列表，vue.js将提供属性
观察者

要将VueBotStrapTable与远程数据一起使用，您不必直接使用axios，因为组件已经在引擎盖下使用了它。但是，您需要将它配置为通过将其添加到
数据
属性来获取远程数据

ajax: {
  enabled: true,
  url: "http://localhost:9430/data/test",
  method: "GET",
  delegate: false,
  axiosConfig: {}
},

然后在组件声明中引用ajax配置，如

<vue-bootstrap-table :ajax="ajax" ....