Vue前端封装一个任务条的组件进行使用

任务条

样式

 代码

父组件

      返回
      
        下一步
      
      上一步
    

export default{
    
    methods：{
        // 下一步
        goNext() {
          this.tabsActiveName++
        },

         backClick() {
              if (this.$route.query.type === '1') {
                this.$router.go(-1)
              } else if (this.$route.query.pageType === '企业端') {
                this.$router.push({
                  name: 'assetPoolTransactionQueryGroup',
                  query: {
                    activeName: 'second'
                  }
                })
              } else if (this.$route.query.pageType === '集团') {
                this.$router.push({
                  name: 'assetPoolTransactionQueryGroup',
                  query: {
                    activeName: 'second'
                  }
                })
              } else { // 运营端
                this.$router.push({
                  name: 'operationAssetPoolTransactionQuery',
                  query: {
                    activeName: 'second'
                  }
                })
      }

    }


}

子组件