javascript - 数据值未显示在 vue 中的 v-select 中

Question

<v-form :model='management'>
 <v-flex xs3 sm2 md3>
  <div class="form-group>
   <v-select
    :items="days"
    item-text='text'
    item-value='text'
    placeholder="MM"
    single-line
    attach
    v-model="week.day"
    >
   </v-select>
  </div>
 </v-flex>
 <v-flex xs12 sm4>
  <div class="form-group">
   <v-text-field
    v-model='week.daily_shift'
    name="postal_code"
    >
   </v-text-field>
  </div>
 </v-flex>
 <v-btn @click.prevent='submitManagement'> Save</v-btn>
</v-form>

<script>
  export default {
    data() {
      return {
        days: [
          {text: '01'},
          {text: '02'},
          {text: '03'},
          {text: '04'},
          {text: '05'},
          {text: '06'},
          {text: '07'}
        ],
        week: {
          day: '',
          daily_shift: ''
        }
    }
    created: function() {
      this.fetchWeek();
    }
 }
</script>

我在这里面临的问题是我的数据库中的week.day值等于4但它没有在标签中显示该值。我使用调试器检查了我收到的 day 值以及创建时的 daily_shift 值。daily_shift 的值显示在标签中。我是否以正确的方式实现了项目值、项目文本？难道我做错了什么。帮我找出我的问题。

标签： javascriptvue.jsvuetify.js