vue element上一步下一步跳转

本文详细介绍了在Vue2.0项目中使用Element-UI实现步骤条功能的方法。从安装Element-UI到在main.js中引入,再到具体页面代码实现,包括通过判断active状态切换步骤内容的JS代码,全程实战分享。
摘要由CSDN通过智能技术生成

注:vue2.0 项目

该效果引用element-ui的步骤条,引用之前确保个人项目已安装Element

安装命令:npm install element-ui

然后在main.js中引入:
在这里插入图片描述
确保安装引用成功后,就可以开始写步骤条代码了

页面代码如下:通过判断active的状态去切换所在步骤的内容
在这里插入图片描述
js代码如下:prev为上一步,next为下一步
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值