從 v-select 中的 json 獲取值

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>
   <input type="text" id="day" name="day" v-model="week.day['text']"  >
 </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: ''   
        }
    }
 }
</script>

我在這里面臨的問題是我 select 從下拉列表中的天數沒有輸入到輸入字段中。 我無法弄清楚原因。 難道我做錯了什么。 幫我找出我的問題。

Answer 1

對於輸入的 v 模型，您只需要week.day而不是week.day['text']