系统开发——页面跳转函数的书写
不同页面的跳转函数的书写:
跳转到不同的页面的函数书写:
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)
}
分类:
Springboot+Vue框架
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决