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

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

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

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)
      }
 
posted @ 2021-08-28 16:27  The-Chosen-One  阅读(81)  评论(0编辑  收藏  举报