• 系统开发——页面跳转函数的书写


    不同页面的跳转函数的书写:

    跳转到不同的页面的函数书写:

    1、进入下一层页面函数的书写(带传参数的递进)

    confirmFilter () {
          let allInfo = {}
          if (this.searchValue !== '') {
            allInfo.searchValue = this.searchValue
          }
          if (this.orgValue !== '不限') {
            allInfo.companyId = this.nowComShowOrgId
          }
          if (this.deptValue !== '不限') {
            allInfo.deptId = this.nowComShowDeptId
          }
          if (this.rankChecked.length > 0) {
            allInfo.jtRank = this.rankChecked
          }
          if (this.showYouthPicker !== '不限') {
            allInfo.youthTalent = this.showYouthPicker
          }
          if (this.showGuanpeiPicker !== '不限') {
            allInfo.traineeManagement = this.showGuanpeiPicker
          }
          if (this.showGenderPicker !== '不限') {
            allInfo.gender = this.showGenderPicker
          }
          if (this.polityChecked.length > 0) {
            allInfo.political = this.polityChecked
          }
          if (this.eduChecked.length > 0) {
            allInfo.edu = this.eduChecked
          }
          if (this.degreeChecked.length > 0) {
            allInfo.degree = this.degreeChecked
          }
          if (this.professChecked.length > 0) {
            allInfo.zhiCheng = this.professChecked
          }
          if (this.hkTypeChecked.length > 0) {
            allInfo.hukouType = this.hkTypeChecked
          }
          if (this.ageInterval[0] !== '不限') {
            allInfo.ageFrom = this.ageInterval[0]
          }
          if (this.ageInterval[1] !== '不限') {
            allInfo.ageTo = this.ageInterval[1]
          }
          allInfo.employeeStatus = this.employeeStatusChecked
          if (this.activeStatusChecked !== '不限' ) {
            allInfo.activeStatus = this.activeStatusChecked
          }
          console.log(allInfo)
          this.$router.push({
            name: 'empHome',
            params: {
              allInfo: allInfo,
              loginId: this.loginId
            }
          })
        }
    goInto (){
            this.$router.push({
              path: '/emp/empFilter',
            })
          }
    2、获取上一层传过来的参数
    export default {
        beforeRouteEnter (to, from, next) {
          // 增加员工列表的跳转来源 by yanjiangyi
          if (from.name === 'statisticsHome') {
            next(vm => {
              vm.getParams()
            })
          }
          if (from.name === 'empFilter') {
            next(vm => {
              vm.getParams()
            })
          }
          if (from.name === 'empNewDetail') {
            next()
          }
        }
    }
    getParams() {
            this.searchValue = ''
            this.finished = false
            this.allInfo = this.$route.params.allInfo;
            this.loginId = this.$route.params.loginId;
            console.log(this.allInfo);
            this.curPageNum = 1
            this.employeeList = []
            this.onEmpLoad()
          }
    3、返回上一层的函数书写:
    goBack(){
            this.$router.go(-1)
          }
     
  • 相关阅读:
    Daliy Algorithm (dp,模拟)-- day 80
    Daliy Algorithm (dp,堆)-- day 79
    Mybatis一级缓存和二级缓存 Redis缓存
    简单排序
    java一个大接口拆用多线程方式拆分成多个小接口
    集群环境下Shiro Session的管理
    递归和快速排序
    分布式定时任务
    Redis集群架构
    IO流
  • 原文地址:https://www.cnblogs.com/Yanjy-OnlyOne/p/15200369.html
Copyright © 2020-2023  润新知