vue2+elementui新增员工,新增时部门因跳转到部门页选择部门,获取部门id填充到daptId参数中打开新增页面
时间: 2024-02-06 11:10:12 浏览: 57
【vue+leaflet+elementUI】vue项目中在Leaflet弹框Popup中使用elementui组件(三)
首先,在部门页中,当用户选择部门后,可以将部门ID保存到sessionStorage中,代码如下:
```javascript
// 保存部门ID到sessionStorage中
sessionStorage.setItem('selectedDeptId', selectedDeptId);
```
然后,在跳转到新增员工页面时,将部门ID带入到URL中,代码如下:
```javascript
// 获取保存在sessionStorage中的部门ID
const selectedDeptId = sessionStorage.getItem('selectedDeptId');
// 构建跳转URL,将部门ID传入到URL中
const url = `addEmployee?deptId=${selectedDeptId}`;
// 跳转到新增员工页面
this.$router.push(url);
```
最后,在新增员工页面的created()钩子函数中,可以从URL中获取部门ID,并填充到daptId参数中,代码如下:
```javascript
created() {
// 从URL中获取部门ID
const deptId = this.$route.query.deptId;
// 将部门ID填充到daptId参数中
this.form.daptId = deptId;
}
```
阅读全文