2016-11-16 11 views
-1

私はVuejsでlaravelを使用しています。Vue js - フォーム送信時にデータ値を保持

私はフォームの値を消去するためにvuejsを使用しています(スペースと大文字を取り除きます)。

フォームが送信されたときに問題が発生しました(私はLaravel検証を使用します)。値はリセットされているようです。データを保持するか、初期化時にのみデータを設定する方法はありますか?

vuejs

new Vue({ 
    el: '#app', 
    components: {Graph}, 
    data: { 
     nice_name:'', 
     column_name: '', 
    }, 

    methods: { 

    setColumnName: function() { 
    this.column_name = this.nice_name.toLowerCase().replace(/ /g,"_"); 
    }, 

    } 
}); 

フォーム要素

<div class="form-group"> 
        <label>Nice Name</label> 
        <input class="col-md-12 form-control" type="text" name="nice_name" @keyup="setColumnName" v-model="nice_name" v-bind="nice_name"> 
       </div> 
+0

を使用してデータを送信することができますか? –

+0

私は自分のコードを見ていなければなりませんでしたが、クッキーを書き込んだり、一時的にそれをローカルストレージに保存したことがあると確信しています。それから、ページがリフレッシュされたら、それが存在すればそれを戻します。それほどエレガントではない。 – LeBlaireau

+0

あなたのコードを投稿できますか? –

答えて

0

あなたはlaravelのold()機能を使用するかは、あなたがこの解決策を見つけるかのAjax

+0

古い値は、墨塗りされた値を保持していないため機能しませんでした。 – LeBlaireau

関連する問題