关于 vue @change的传值问题

Question

求大神，在vue中代码的传值问题,如何获取下拉的value值？

<select @change="changeMethods(value)">
   <option value="1">1label</option>
   <option value="2">2lable</option>
</select>

changeMethods: function(value) {

  value-- undefined
}

Answer 1

http://jsbin.com/joxexowano/3...

Answer 2

页面

<select @change="changeMethods()" v-model="selectValue">
          <option value="1">1label</option>
          <option value="2">2lable</option>
</select>

js

data() {
      return {
           selectValue: '1'
      };
},
methods: {
      changeMethods(){
            console.log(this.selectValue)
      }
}

Answer 3

换成v-modal，然后在watch监听值变化就好了

<div id="example-5">
  <select v-model="selected">
    <option disabled value="">请选择</option>
    <option>A</option>
    <option>B</option>
    <option>C</option>
  </select>
  <span>Selected: {{ selected }}</span>
</div>

...

watch: {
  selected (newValue) {
    console.log(newValue)
  }
}