Vue3将时分秒转化为秒数

在 Vue3 中，可以使用 Date 对象，将时分秒转化为秒数。具体步骤如下：

1. 创建一个新的 Date 对象，将时分秒作为参数传入。

2. 使用 Date 对象的 getTime 方法，将时间转化为毫秒数。

3. 将毫秒数除以1000，得到秒数。

以下是实现代码：

<template>
  <div>
    01:23:45 转化为秒数为 {{ totalSeconds }} 秒
  </div>
</template>

<script>
export default {
  data() {
    return {
      totalSeconds: 0
    }
  },
  mounted() {
    const time = new Date('1970-01-01T01:23:45')
    this.totalSeconds = time.getTime() / 1000
  }
}
</script>

运行结果为：

01:23:45 转化为秒数为 5025 秒

注意，在创建 Date 对象时，日期部分可以填任意值，因为我们只需要时分秒的信息。