Vue3步骤条(Steps)

Vue2步骤条(Steps)

可自定义设置以下属性:

  • 步骤数组(steps),类型:Array<{title?: string, description?: string}>,默认 []

  • 当前选中的步骤,设置 v-model 后,Steps 变为可点击状态(v-model:current),类型:number,默认 1,从1开始计数

  • 步骤条总宽度(width),类型:string|number,默认 '100%'

  • 描述文本最大宽度(descMaxWidth),类型:number,默认 140px

效果如下图:

Vue3步骤条(Steps)_第1张图片

①创建步骤条组件Steps.vue:




②在要使用的页面引入:




你可能感兴趣的:(less,ts,vue3,typescript,less,vue)