elementui +vue +mybatis下拉框关联表传值到后台!

本文介绍了如何在Vue项目中使用ElementUI组件库结合Mybatis进行后台交互,特别是处理下拉框选择的部门信息并将其值传递到后台。在新增保存操作时,通过表单验证,将前端表单数据复制并封装,特别处理了部门ID的传递,然后使用PUT请求提交到后台。同时展示了在data中加载下拉框选项的方法,通过HTTP请求获取所有部门数据并显示。
摘要由CSDN通过智能技术生成
//添加因为传值到后台只需要部门的id,所以这儿只需要id就行了。

addSubmit: function () {
//新增保存操作 --新增表单验证 vue自带验证
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …提示框 this.confirm(‘确认提交吗?’, ‘提示’, {}).then(() => {
//新增 加载中
this.addLoading = true;
//传递参数 把表单里面的addForm 复制一份给para {name:‘xxx’}
let para = Object.assign({}, this.addForm);
let department ={ //封装部门的id到dept变量
id:para.id,
};
//封装部门的id信息
para.department =department; //部门的dept变量
//发送请求到后台
this.$http.put("/employee/add",para).then(res=>{

							//新增加载结束
							this.addLoading = false;
							/*解构对象*/
							let{isSuccess,msg} = res.data;
							if (isSuccess){
								//关闭表单(弹出的)对话框
								this.addFormVisible = false;
								//给用户提示保存成功的消息
								this.$message({
									message:'保存成功
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值