HTML入力からのデフォルト値をvue.jsデータにロード

タグvalueの値をvue.jsデータのデフォルト値として読み込むことができるのだろうか？HTML入力からのデフォルト値をvue.jsデータにロード

は

coupon: $('#coupon').val(),

と細かい動作しますが、私は実際にjQueryを使用する必要はありません。

コードがここにあります：あなたのjsfiddleでhttps://jsfiddle.net/4a80dnfo/1/

出典

2017-06-24 KMatko

あなたがして、あなたのdata()あなたは自分の目的の値

編集を設定する必要があり、v-modelを使用している：更新されたコードを使用するv-bind

new Vue({ 
 
\t el: '#app', 
 
\t data: { 
 
      coupon: 'You value here', 
 
\t } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.0/vue.js"></script> 
 

 
<div id="app"> 
 
    <input id="coupon" type="text" name="coupon" :value="coupon" /> 
 
</div>

出典

2017-06-24 17:04:48

はい、私はこの方法を知っていますが、Vueで設定する代わりにhtmlタグの値からデータを渡したいと思います。出来ますか？ – KMatko

@KMatko私はasnwerを更新しました。 'v-bind：'を使用するか、 '：'と略記しますが、v-model（2-wayデータバインディング）の目的を全滅させるため、v-modelと混合することはできません。 –

HTML入力からのデフォルト値をvue.jsデータにロード

答えて

関連する問題