MdbSelect - how to set default value? - Material Design for Bootstrap

Topic: MdbSelect - how to set default value?

Nommo pro asked 6 years ago

Hello. How is it possible to set default value for mdbselect in Vue?

<mdb-select v-validate="'required:country|len:2'" :data-vv-as='$t("addressPage.country")' v-model="formData.country" @getValue="getCountryValue" name="country">
  <option disabled selected>{{ $t("addressPage.chooseCountry") }}</option>
  <span v-for="(country, index) in countries" :value="country.code" :key="index">{{ country.name }}</span>
</mdb-select>
<label>{{ $t("addressPage.country") }}</label>

That's my code, adding options :selected="index === 2" doesnt work (it seems it sets selected for all options)

Add comment

Nommo pro answered 6 years ago

0 0 Best answer

Is it possible to get an answer?

Add comment

Jakub Mandra staff premium answered 6 years ago

0 0 Best answer

Hello, Thank you for posting, we didn't know this issue. I found out that it is not possible to set 'selected' state inside v-for. It's because it read options data-attrs, so even if you ascribe :selected="false" it is still selected. Will fix that in next release. Regards, Jakub

Nommo pro commented 6 years ago

Awesome thanks! :)

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

User: Pro
Premium support: No
Technology: MDB Vue
MDB Version: 4.5.1
Device: MacBook
Browser: Chrome
OS: MacOS
Provided sample code: No
Provided link: No

Nommo

Pro User

27Support score
3Questions 1Answers

0Snippets likes 0Snippets