移动端APP前端，点击vant时间选择器确认按钮后，显示出对应的单元格，代码编写

假设你想在vant时间选择器中选择时间后，将时间显示在页面上。下面是一个简单的示例代码，你可以参考一下：

HTML代码：

<van-popup v-model="showTimePicker">
  <van-datetime-picker
    v-model="selectedTime"
    type="time"
    @confirm="onTimeSelected"
  />
</van-popup>

<div v-if="selectedTime">
  <p>你选择的时间是：{{ selectedTime }}</p>
</div>

JavaScript代码：

import { Popup, DatetimePicker } from 'vant';

export default {
  components: {
    [Popup.name]: Popup,
    [DatetimePicker.name]: DatetimePicker,
  },

  data() {
    return {
      showTimePicker: false,
      selectedTime: '',
    };
  },

  methods: {
    onTimeSelected(value) {
      this.selectedTime = value;
      this.showTimePicker = false;
    },
  },
};

在这个示例中，我们使用了vant的popup和datetime-picker组件。我们将popup组件的v-model绑定到showTimePicker变量上，这样就可以控制时间选择器的显示和隐藏。datetime-picker组件的v-model绑定到selectedTime变量上，这样就可以获取选择的时间。当用户点击时间选择器的确认按钮时，会触发@confirm事件，我们在onTimeSelected方法中将选中的时间保存到selectedTime变量中，并将showTimePicker变量设置为false，以关闭时间选择器。最后，我们在页面上显示选中的时间。