Vuetify选择组件初始值问题

Question

我有vuetify webpack项目

在我的一个Vue组件中，我将v-select与：items设置为名为“ levels”的通用数字数组，并将v-model设置为具有通用数字的数据属性“ level”

因此，问题在于，如果使用prop初始化“ level”，则v-select不会在启动时显示初始值-如果通过常量初始化“ level”，则v-select会显示ok。像这样：

  props: ['initLevel'],
  data () {
    return {
      levels,
      level: this.initLevel
    }
  }

这不能正常工作，但这：

...
level: 25
...

工作正常

v-select用法是：

         <v-select
            label="Select Level"
            :items="levels"
            v-model="level"
            max-height="200"
            dense
            autocomplete
          >
        </v-select>

除了在启动问题时显示初始值外，v-select还可以正常工作

那么如何解决这个问题，其原因是什么呢？

Answer 1

好的，我发现问题出在类型上：关卡是一个整数数组，prop作为字符串标准html select出现问题，而v-select有问题！