Vue-material: MdSelect @change

[brunosc]

Hi,

Event change from MdSelect dont fire.

<md-field>
      <md-select name="deck" id="deck" @change="greet">                    
          <md-option value="1">1</md-option>
          <md-option value="2">2</md-option>
          <md-option value="3">3</md-option>
      </md-select>
  </md-field>

methods: {
    greet: function(event) {
      console.log('teste');
    }
  }

What I missing?

[tachiaus]

You could have a v-model on the select, you will need to specify greet as a variable in data.

Then watch for changes to the variable, changing the option will update set the option value to the greet variable.

eg

<md-field>
      <md-select name="deck" id="deck" v-model="greet">                    
          <md-option value="1">1</md-option>
          <md-option value="2">2</md-option>
          <md-option value="3">3</md-option>
      </md-select>
  </md-field>

watch: {
    greet: function(event) {
      console.log('teste');
    }
  }

[VdustR]

There is an event md-selected triggered when model changes.

https://vuematerial.io/components/select

[aleks-b]

how to use md-selected? can you proved some samples please

[piyushdolar]

name="locationProvince"
id="locationProvince"
v-model="form.location.provinceId"
md-dense
:disabled="sending"
@md-selected="onProvinceSelect"
>

... // your option here

Just use @md-selected="functionName"

methods:{
functionName(v){
console.log(v);
}
}

[manojrai9889]

name="locationProvince"
id="locationProvince"
v-model="form.location.provinceId"
md-dense
:disabled="sending"
@md-selected="onProvinceSelect"
>

... // your option here
Just use @md-selected="functionName"

methods:{
functionName(v){
console.log(v);
}
}

Thanks