el-time-picker 时间选择器组件问题

<el-time-picker v-model="time" default-value="09:30:00"></el-time-picker>

<template>
  <el-time-picker v-model="time" @change="convertTime"></el-time-picker>
  <p>HH:mm:ss格式的值：{{ formattedTime }}</p>
</template>

<script>
export default {
  data() {
    return {
      time: '09:30', // 初始值，可以是任意合法的时间格式
    };
  },
  computed: {
    formattedTime() {
      // 转换时间格式为HH:mm:ss
      const [hours, minutes] = this.time.split(':');
      return `${hours.padStart(2, '0')}:${minutes.padStart(2, '0')}:00`;
    },
  },
  methods: {
    convertTime() {
      // 如果需要的话，在change事件中进行额外的时间转换操作
    },
  },
};
</script>