vue 2値が変更された場合にv-modelを更新する方法は？ - javascript、データバインディング、vue.js、vuejs2

ラジオボタンのように機能するカードがいくつかあります。

<div class="card">
<input
checked=""
class="card__input"
type="radio"
v-model="templatePicked"
:value="template.value"
name="template"
:id="template.id"
>
<label :for="template.id" class="card__label"></label
<ui-select
name="version"
placeholder="Select a version"
:keys="{ label: "text", value: "value" }"
:options="templateVersions"
v-model="template"
></ui-select>
</div>

したがって、（ui-selectで）アイテムの選択をクリックすると、更新されます id そして value カードラジオボタン用。問題は、templatePickedを更新する方法です。ラジオボタンをクリックしたときだけ更新されるようになったからです。

P.S 私はvue2.2.6を使用しています。 コンポーネントを選択します。 https://josephuspaye.github.io/Keen-UI/#/ui-select それは持っている @change イベントですが、私の場合の使い方がわかりません。

P.S.S 実際にはvue1.0.28で完璧に動作します。 :value.sync="ubuntu" コンポーネント上。

助けてください！

回答：

@selectイベント（アイテムが選択されたとき）またはたとえば@focusをリッスンできます。見る https://josephuspaye.github.io/Keen-UI/#/ui-select （イベント）、その他のオプション。

<ui-select
name="version"
placeholder="Select a version"
:keys="{ label: "text", value: "value" }"
:options="templateVersions"
v-model="template"
@select="setTemplatePicked(template)"
></ui-select>

次に、選択したテンプレートを設定するメソッド（たとえば、setTemplatePicked）を追加します。