Vuejs - 選択したオプションを外部から変更する

Question

外部から選択したオプションを変更するにはどうすればよいですか？

私は複数の選択肢があり、ユーザーはすべてのオプションを選択するために「すべて」ボタンをクリックすることができます。

Fiddle。

私はjQuery関数 "prop"を使用しようとしましたが、視覚的にしか動作しません。 Vueデータは変更されません。

$('option', '#filter-accountexpl').prop('selected', true); 

Answer 1

これを行うにはjQueryを使用しないでください。

この方法ですべてのオプションを選択できます。

this.vaccountsexpl = Object.keys(this.accountsexpl) 

このようにオプションを選択することはできません。

this.vaccountsexpl = [] 

この方法で任意のリストを選択できます。

this.vaccountsexpl = [129,132,133] 

ここはあなたのフィドルupdatedです。

Vueはデータによって駆動されます。