uniapp uni-steps
时间: 2023-09-15 18:23:36 浏览: 260
uni-steps是一个组件,用于在uniapp中创建步骤条。你可以通过引入uni-steps组件并在template中使用它来创建步骤条。具体的使用方法如下:
在script中引入组件:
```
import uniSteps from '@/components/uni-steps/uni-steps.vue'
export default {
components: {
uniSteps
},
data() {
return {
activeIndex: -1,
stepOptions: [
{ title: '基本信息', index: 0 },
{ title: '门店信息', index: 1 },
{ title: '门店图片', index: 2 },
{ title: '等待审核', index: 3 }
]
}
},
methods: {
selectStep(item) {
console.log(item)
}
}
}
```
在template中使用uni-steps组件:
```
<uni-steps :options="[{title: '事件一'}, {title: '事件二'}, {title: '事件三'}, {title: '事件四'}]" :active="1"></uni-steps>
```
你还可以在这里找到步骤条插件uni-steps的详细信息:https://ext.dcloud.net.***<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [uniapp 电商app 步骤条功能的使用](https://blog.csdn.net/yehaocheng520/article/details/110448858)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文