[md-select] Only one populates value

[zapping]

Can you please check this pen https://codepen.io/zapping/pen/RxMGZj ? If you click on the edit icon the corresponding md-select is supposed to show-up for edit.

For some reason the md-select shows value for only one component and the rest does not populate. I tried adding normal select also along and that seems to populate without issues.

[Samuell1]

This is maybe same issue as #1262

[VdustR]

<md-option v-for="option in options[key]">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.

Works fine with keys.
https://codepen.io/VdustR/pen/QaVvVz

Check Vue.js guide

[zapping]

Thank you for looking into it. It does work with the keys set.

But actually what I have are different sets of select components in the form. As a short-cut to typing up different set of select components I had put them in a loop to generate a series of select components. In the same pen https://codepen.io/zapping/pen/RxMGZj the select components have been typed or entered separately. Unfortunately only one select component populates.

Sorry for the confusion.

[VdustR]

As @Samuell1 said, the options of MdSelect is not reactive yet. We will look into it. Thanks for reporting.

[zapping]

Can you please check this again? The vue-material .js and .css have been set to version beta-8 but the issue still exists.

[Samuell1]

@zapping can you please make reproduction in repository?

[zapping]

Sorry I didn't get you. The codepen for the issue was included before.

If it will help I have removed all the additional code and included just the necessary code in this pen https://codepen.io/zapping/pen/BYzMKY

[Samuell1]

@zapping yeah i mean codepen sorry

[VdustR]

v-model must be updated on the next tick after MdOptions updated which will update MdSelect.items, or MdSelect could not get the value / text pair for the new options.

https://codepen.io/VdustR/pen/jZrJzq