[MdSelect] not work

[zhuyinjing]

i use vue-material ^1.0.0-beta-7
and i write my code :

<md-field class="width-50">
                <label for="input_shape">input_shape</label>

                <md-select v-model="input_shape" name="input_shape" id="input_shape">
                  <md-option :value="item" v-for="(item, index) in inputshapeArgs" :key="index">{{item}}</md-option>
                </md-select>
              </md-field>

if i select md-option the md-select doesn't work , it shows nothing ... actually i already selected...

what's wrong with my code??
thanks so much!!!

[VdustR]

Are your options objects?

[zhuyinjing]

I want to select the first option by default, but there is no display of the value on select, but the first one is actually selected.
BTW, options are (5) ["(48,48,3)", "(100,100,3)", "(150,150,3)", "(224,224,3)", "(299,299,3)", __ob__: Observer]

[VdustR]

Would you upgrade vue-material to latest beta and provide your code in Codepen or CodeSandbox?

[zhuyinjing]

ok...
https://codesandbox.io/s/0ow377y17n
i set a default value already,and it doesn't show on md-select

[VdustR]

Thanks.

I believe it has been fixed with commit 01dfdfb.

It's weird that this commit is before 1.0.0-beta-8 released.

I tested this case and it runs great with dev branch. It should be duplicated with #1262.

Before next release, you could fix it with following codes temporary:

<template>
  <md-field v-if="show">
</template>

<script>
export default {
  data () {
    return {
      show: false
    },
  },
  mounted () {
    this.show = true
  }
}
</script>

[Samuell1]

Loading data for selects should be in created hook