Vuejs2 - 如何使用 $(this).val()

Question

我想在 vuejs2 中获取 select 选项的当前值。

我有这个 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-model，看看Form Input Bindings 指南。