vant时间选择器选到分钟

以下是基于vant组件库封装的时间选择器选到分钟的代码实例：

<template>
  <van-popup v-model="showPicker" position="bottom">
    <van-datetime-picker
      v-model="currentDate"
      type="datetime"
      :columns-order="columnsOrder"
      :formatter="formatter"
      :min-date="minDate"
      :max-date="maxDate"
      @confirm="onConfirm"
      @cancel="onCancel"
    />
  </van-popup>
</template>

<script>
export default {
  data() {
    return {
      showPicker: false,
      currentDate: new Date(),
      columnsOrder: ['year', 'month', 'day', 'hour', 'minute'],
      minDate: new Date(2000, 0, 1),
      maxDate: new Date(2030, 11, 31),
    };
  },
  methods: {
    formatter(type, value) {
      if (type === 'year') {
        return `${value}年`;
      } else if (type === 'month') {
        return `${value}月`;
      } else if (type === 'day') {
        return `${value}日`;
      } else if (type === 'hour') {
        return `${value}时`;
      } else if (type === 'minute') {
        return `${value}分`;
      }
      return value;
    },
    onConfirm(val) {
      this.showPicker = false;
      console.log(val);
    },
    onCancel() {
      this.showPicker = false;
    },
    showTimePicker() {
      this.showPicker = true;
    },
  },
};
</script>

在这个代码实例中，我们使用了vant组件库中的Popup弹出层组件和DatetimePicker时间选择器组件。我们将DatetimePicker的type属性设置为datetime，同时将columnsOrder属性设置为['year', 'month', 'day', 'hour', 'minute']，这样就可以选择到分钟了。我们还通过formatter属性对每个时间列进行了格式化，使其显示为中文的年月日时分。最后，我们在onConfirm方法中打印出了选择的时间值。