如何在<v-select>中设置默认值?

时间:2020-04-09 18:02:33

标签: vue.js vuetify.js

我在这里有此选择:

<v-select px-4 class='select'
      v-model="form.accountType"
      :items="accountTypes"
      :label="$t('form.accountType')"
      :rules="[rules.required, rules.validAccountType]"
      color= 'primary'
      ></v-select>

我想要带有选择项之一的选择缩写:

accountTypes () {
  const types = [
    {
      value: 'business',
      text: this.$t('form.accountTypeBusiness')
    },
    {
      value: 'personal',
      text: this.$t('form.accountTypePersonal')
    }
  ]
  return types
}

我已经通过了这个道具:

form: {
    accountType: 'Personal'
}

v-model不起作用。有什么方法可以将Personal设置为默认值?

1 个答案:

答案 0 :(得分:3)

值区分大小写,因此以小写字母开头,因为数组中的值以小写字母开头。

form: {
   accountType: 'personal'
   // -----------^--------
}