Vue 2.0 - 以前に選択したオプション値を取得するにはどうすればよいですか？

Question

フォームを更新する際に、以前に選択したオプション値（Vue付き）を取得するにはどうすればよいですか？

マイビュー：角度で

<div class="well" id="app"> 
    <div class="form-group"> 
     <label>Room category</label>        
     <select class="form-control" name="room_category_id"> 
      <option style="display: none" value="">Attach a room category to a room</option> 
      @foreach($room_categories as $room_category) 
       <option value="{{ $room_category->id }}">{{ $room_category->name }}</option> 
      @endforeach  
     </select> 
    </div> 
</div> 

私はVueJSでこれをやってのけるんか、ngSelectedでこれを行うために使用されますか？

Answer 1

oldValueと、selectが変更されたときはいつでも、oldValueを更新してください。

v-modelの変数に時計を置き、時計コードに oldValueという変数を設定できます。

作業フィルドhereを参照してください。

サンプルコード：

var demo = new Vue({ 
    el: '#demo', 
    data: function(){ 
     return { 
     age: '', 
     oldAge: '' 
     }; 
    }, 
    watch: { 
     age: function (newAge, oldAge) { 
     this.oldAge = oldAge 
     } 
    } 
})