0
私はとVue2.0を試していました。ビューでは、私はそれが正しいと期待どおりに働いたが、それは関連付けられているモデルを変更していません。ここでは、コードは次のようになります。Vue 2.0でgetmdl-selectから入力を選択
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select getmdl-select__fullwidth">
<input class="mdl-textfield__input" id="age" name="age" v-model="age" type="text" readonly tabIndex="-1" data-val="1"/>
<label class="mdl-textfield__label" for="age">Age</label>
<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu" for="age">
<li class="mdl-menu__item" data-val="1">1 Month Old</li>
<li class="mdl-menu__item" data-val="11">11 Month Old</li>
</ul>
</div>
上記のように私は、入力フィールドでv-model="age"
を入れているが、ドロップダウンから値を選択する際に年齢の変数が更新されていません。
しかしバニラselect
入力が正常に動作します:
<select v-model="age">
<option value="" disabled hidden>Select Age</option>
<option value="1">1 Month Old</option>
<option value="11">11 Month Old</option>
</select>
私はこれのfiddleが、しかしフィドルに、UIがで-少なくともUIが正しく動作ローカルで、適切に来ていません作成してみました。
ここで間違っていることを教えてください。
を使用しようとしますが、コンソールの任意の例外を持っていますか? –
私はあなたがバイブルにバインドしているライブラリーでは正しくないと思います.Vueなしで更新されていないので、 – GOB
@Belminコンソールでエラーは表示されません。UIでは値は選択されますが、モデルは残ります変わらない。 – Saurabh