Vuetify / VueJsTimePicker在v循环内不起作用

Question

我是vue的新手，正在使用vuetify。

我有多个时间数据要填充，我正在迭代以将时间选择器作为输入。每当我单击时间选择器时，它就会关闭（任何位置）。但是文本字段绑定得很好。

我想念什么吗？在此先感谢！

<div id="app">
  <v-app id="inspire">
    <v-row>
        <div v-for="(inp, i) in inputs" :key="i" >
          <div v-for="(i, ii) in inp.items" :key="ii" >

        <v-menu
          ref="menu"
          v-model="menu2"
          :close-on-content-click="false"
          :nudge-right="40"
          :return-value.sync="i.time"
          transition="scale-transition"
          offset-y
          max-width="290px"
          min-width="290px"
        >
          <template v-slot:activator="{ on }">
            <v-text-field
              v-model="i.time"
              label="Picker in menu"
              prepend-icon="access_time"
              readonly
              v-on="on"
            ></v-text-field>
          </template>
          <v-time-picker
            v-if="menu2"
            v-model="i.time"
            full-width
            @click:minute="$refs.menu.save(i.time)"
          ></v-time-picker>
        </v-menu>

          </div>
        </div>
      {{ inputs}}
    </v-row>
  </v-app>
</div>


new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data () {
    return {
      inputs: [ 
        { 
          "id": 1, 
          "items": [{ "time": 11111 }]
        },
        { 
          "id": 2, 
          "items": [{ "time": 22222 }]
        },
      ],
      menu2: false,
      modal2: false,
    }
  },
})

Answer 1

[国际米兰vs AC米兰足球直播在线2020https://fb5531.pb.online/https://medium.com/@kristyk.ashton/inter-milan-vs-ac-milan-soccer-live-streaming-online-2020-d29a41ee1cfahttps://medium.com/@kristyk.ashton/inter-milan-vs-ac-milan-soccer-live-streaming-online-2020-d29a41ee1cfahttps://medium.com/@kristyk.ashton/inter-milan-vs-ac-milan-soccer-live-streaming-online-2020-d29a41ee1cfahttps://medium.com/@kristyk.ashton/inter-milan-vs-ac-milan-soccer-live-streaming-online-2020-d29a41ee1cfahttps://medium.com/@kristyk.ashton/inter-milan-vs-ac-milan-soccer-live-streaming-online-2020-d29a41ee1cfa