steps步骤条+上一步+下一步

步骤条在第一步提现申请的时候，只显示下一步。在第二步提现确认的时候，显示上一步和下一步。第三步完成提现的时候显示确认按钮。

  <span :class="{active:prevStep===0}" ><a-button type="" @click="prev" >上一步</a-button></span><a-button v-if="stepIndex === 0" type="primary" @click="next" >下一步</a-button><a-button v-else-if="stepIndex === 1" type="primary" :loading="nextLoading" @click=" prev() {this.stepIndex--if (this.stepIndex < 0) {this.stepIndex = 0}if (this.stepIndex === 0) {this.prevStep = 0;this.getWithdrawableAmount()}},next() {if (!this.queryParams.fDeAmount) {this.$message.warning('请填写提现金额')return}this.stepIndex++if (this.stepIndex > 2) {this.stepIndex = 2}if(this.stepIndex=1){this.prevStep=1;}},">确认</a-button>

active类名，控制样式隐藏

data中定义 prevStep:0,

 prev() {this.stepIndex--if (this.stepIndex < 0) {this.stepIndex = 0}if (this.stepIndex === 0) {this.prevStep = 0;this.getAmount()//调用方法}},next() {if (!this.queryParams.fDeAmount) {this.$message.warning('请填写提现金额')return}this.stepIndex++if (this.stepIndex > 2) {this.stepIndex = 2}if(this.stepIndex=1){this.prevStep=1;}},

steps步骤条+上一步+下一步相关推荐

jq步骤条 java_JQuery实现步骤条效果(上一步,下一步)
之前做出的步骤条是利用easyui +jquery实现的,但是他在隐藏板块的时候用到的是display:none,这会使我在板块中加载的js失效,所以换了一种方式,用Position.把元素脱离文档流 ...
vue、Steps 步骤条、Steps 属性、vue Steps 所有步骤条样式、vue Steps 步骤条全部属性
vue.Steps 步骤条.Steps 属性.vue Steps 所有步骤条样式.vue Steps 步骤条全部属性设计规则何时使用代码演示 1.基本用法 2.迷你版 3.带图标的步骤条 4.步 ...
vue element上一步下一步跳转
注:vue2.0 项目该效果引用element-ui的步骤条,引用之前确保个人项目已安装Element 安装命令:npm install element-ui 然后在main.js中引入: 确保安装 ...
steps 步骤条中插入自定义描述description
在vue框架中使用element的el-steps步骤条标签,想达到如下图结果: 因为后台就一条数据所以目前图片就展示一条缴费记录代码html部分 <el-steps :active=&quo ...
js 上一步下一步操作
<a id="syb" href="#" style="display: block;" class="btn button ...
idea上一步下一步快捷键_【MySQL】一步一步的教你在windows下安装MySQL5.7
作者:choxsu来源:https://choxsu.cn/article/50 安装之前 MySQL数据库在日常使用是非常的频繁的,不管是线上还是线下.下面我就分享出我安装MySQL5.7的一步一脚 ...
idea上一步下一步快捷键_领航者的一步，左右行业的下一步！双11海尔洗衣机再夺冠的思考...
撰文/蓝科技一个行业的发展,离不开带头企业的探索和推动.在洗衣机领域,海尔智家是那个左右着行业下一步发展方向的那个品牌. 今年双11,海尔洗衣机首日以四大电商平台销额增幅223%,直驱系列同比3倍速 ...
Element UI中Steps 步骤条description描述换行展示
突然要求加了个显示字段,之前的代码只能显示一行,于是乎找到了解决办法,代码如下:其中的属性自行到官网查看释义吧:Element UI官网传送门 <el-table><!-- 可展开的 ...
¶Steps 步骤条更改线条，字体，头部样式

steps步骤条+上一步+下一步

steps步骤条+上一步+下一步相关推荐

最新文章

热门文章