html页面直接使用elementui Plus时间线 + vue3

在Vue 3中使用Element Plus时间线组件，首先需要安装Element Plus：

npm install element-plus --save

然后在Vue组件中使用时间线组件：

<template>
  <el-timeline>
    <el-timeline-item v-for="(item, index) in timeline" :key="index" :timestamp="item.timestamp">
      {{ item.content }}
    </el-timeline-item>
  </el-timeline>
</template>
 
<script setup>
import { ref } from 'vue';
import { ElTimeline, ElTimelineItem } from 'element-plus';
 
const timeline = ref([
  { timestamp: '2023-01-01', content: '第一条信息' },
  { timestamp: '2023-02-01', content: '第二条信息' },
  { timestamp: '2023-03-01', content: '第三条信息' },
]);
</script>
 
<style>
/* 可以添加一些样式 */
</style>

在上述代码中，el-timeline是时间线容器组件，el-timeline-item是时间线的每一个时间点。timeline是一个响应式数据，包含了时间点和对应的内容。在<script setup>标签中导入Element Plus的组件并定义数据。