Vuejs2 - как использовать $ (this) .val ()

Question

Я хочу получить текущее значение опции выбора внутри vuejs2.

У меня есть этот код лезвия laravel:

<select  class='form-control units' @change='units' name='items_quantity_unit_id[]' required>
    @foreach($units as $unit)
        <option  class='form-control' value='{{$unit["id"]}}'>{{$unit['unit_name']}}</option>
    @endforeach
</select>

И у меня есть этот код vuejs2

units:function(){
    var unit_id = $(this).val();
    console.log(unit_id);
}

Теперь, когда я изменяю опцию выбора, я получаю эту ошибку:

ncaught TypeError: Cannot read property 'toLowerCase' of undefined

, как я могу получить значение, когда я изменяю опцию внутри vuejs2.

Спасибо

Answer 1

units:function(event){
  var unit_id = event.target.value;
  console.log(unit_id);
}

Но я бы порекомендовал использовать v-модель , взгляните на руководство Привязки формы .