鍍金池/ 問(wèn)答/HTML/ 關(guān)于 vue @change的傳值問(wèn)題

關(guān)于 vue @change的傳值問(wèn)題

求大神，在vue中代碼的傳值問(wèn)題,如何獲取下拉的value值？

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

changeMethods: function(value) {

  value-- undefined
}
回答
編輯回答
編輯回答
黑與白

換成v-modal，然后在watch監(jiān)聽(tīng)值變化就好了

<div id="example-5">
  <select v-model="selected">
    <option disabled value="">請(qǐng)選擇</option>
    <option>A</option>
    <option>B</option>
    <option>C</option>
  </select>
  <span>Selected: {{ selected }}</span>
</div>

...

watch: {
  selected (newValue) {
    console.log(newValue)
  }
}
2017年7月22日 17:06
編輯回答
憶往昔

頁(yè)面

<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)
      }
}
2018年3月17日 08:19