vue.jsでv-forを動的に設定する

Question

プロジェクトでVue.jsを使用していますが、問題があります。どうすればv-forのフィルタを動的にバインドできますか？ある時点で私は要素のidをvueメソッドに渡していますが、どうすればそれをv-for item in items | filterBy @{id} in 'id'に入れることができますか？

私はちょうど 'v-for'属性をJQuery 'attr'で入れてみましたが、これはうまくいかないようです。私はここでVue.filterまたはvm.$setを使用すべきだと思いますが、私はまだ何かを理解することはできません。

助けていただければ幸いです！

v-for item in items | filterBy id in 'id' 

var vm = new Vue({ 
    ... 
    data:function() { 
    return { 
     id:1 
    } 
    } 
} 

はその後、テキストのような入力にv-modelを使用するか選択して、そこにIDを設定することができます：あなたは自分のv-for属性に変数を使用することができます

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

：たとえば

例えば、https://vuejs.org/api/#filterBy