Question

所以我在我的项目中使用了Vue.js，我遇到了一个问题：如何动态绑定v-for的过滤器？在某些时刻我将元素的id传递给vue方法，我怎么能把它放到v-for item in items | filterBy @{id} in 'id'？

我尝试过将JQuery'v-for'放入'attr'属性，但这似乎不起作用。我想在这里应该使用Vue.filter或vm.$set，但我还无法解决任何问题。

非常感谢任何可能的帮助！

例如：

var vm = new Vue({
  ...
  methods: {
    bindId: function(id) { //id is passed from html
      var repeat = 'item in items | filterBy "' + id + '" in "id"';
      $(#main).children('.collection').attr('v-for', repeat);
    }
  }
}

Answer 1

您可以在var client = new MongoClient("mongodb://myconnection"); var db = client.GetDatabase("mydb"); var col = db.GetCollection<DGTable>("DGTable"); var sadsdadas = col.AsQueryable().SelectMany(p => p.TableColumns).ToList();属性中使用变量：

v-for

然后你可以在文本或选择的输入上使用v-for item in items | filterBy id in 'id' var vm = new Vue({ ... data:function() { return { id:1 } } }，并在那里设置id：

v-model

这里有几个例子： https://vuejs.org/api/#filterBy

使用vue.js动态设置v-for

1 个答案: