关于uni-app:uniapp新增步骤条不知道有多少步骤

1.开发环境 uni-app+uView
2.电脑系统 windows10专业版
3.在应用 uni-app+uView开发的过程中,咱们常常在新增的时候新增步骤,然而不晓得有多少步骤,因而不能写死,上面我来分享一下我的办法,心愿对你有所帮忙。
4.废话不所说,间接上代码,在 return 中增加如下代码:

projectstepsObj:{        num:"0",        chenarr:[],        con:"",      },      chenarrObj:{        num:0,        id:"",        con:""      }

5.在新增事件中增加如下代码:

chenfonts(){      this.projectstepsObj.num+=1;      this.chenarrObj.num=this.projectstepsObj.num;      this.chenarrObj.id=this.projectstepsObj.num;      this.chenarrObj.con="";      this.projectstepsObj.chenarr.push(this.chenarrObj);      // console.log(this.projectstepsObj.chenarr);          }

6.在template中增加如下代码:

<u-form-item v-for="(item,index) in projectstepsObj.chenarr" :key="index" :label="'我的项目第'+`${index+1}`+'步'">        <u-input v-model="item[index]"      />      </u-form-item>

7.在提交办法中增加如下代码:

chensubmit() {    console.log("++++++");      console.log(this.chenarrObj);      console.log("--------");}

8.成果如下:

9.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰!