vue3 ElementUI之Steps 步骤条使用案例（有手就会）
<template>
<el-steps :space="200" :active="1" finish-status="success">
<el-step title="已完成"></el-step>
<el-step title="进行中"></el-step>
<el-step title="待进行"></el-step>
<el-step title="未启动"></el-step>
</el-steps>
</template>
<script setup>
// 无需导入ElementUI，使用<script setup>可以直接使用Vue 3的Composition API
</script>
<style scoped>
/* 这里可以写样式 */
</style>这个例子展示了如何在Vue 3中使用ElementUI的Steps组件。我们定义了四个步骤，并将当前激活的步骤设置为第一个。通过调整active属性的值，可以控制哪个步骤是当前的状态。finish-status属性用于定义已完成步骤的最终状态。
评论已关闭