3.写vue遇到的小问题及解决方法。如：一个下拉框绑定两个值传给后端；如何获取el-tree某个子节点的父节点信息；查询的时候传合并后的对象

问题1

问题描述

如何给一个下拉框绑两个参数，传给后端

解决方法

（1）给el-select 绑定@change="addriskprefimchange"方法

<!-- 这里希望选中下拉框数据，同时给后台传riskpredim 和riskpredimname
    其中riskpredim是RiskpredimnameOpions的codecode
     riskpredimname是RiskpredimnameOpions的codename-->
     
	<el-select v-model="addform.riskpredim" 
			   placeholder=""
		       @change="addriskprefimchange">
		<el-option v-for="item in RiskpredimnameOpions" 
					:key="item.value"
					：label="item.codename" 
					：value="item.codecode">
		</el-option>
	</el-select>

（2）当下选项改变时，使用filter()方法返回包含这个值的对象，再给addform赋值

	addriskprefimchange(val){
		let addriskpredim = this.RiskpredimnameOpions.filter(item =>{
			return item.codecode === val
		})
		//如果下拉框未选择值，这两个字段均设置为null
		if(addriskpredim.length<1){
			this.addform.riskpredim = null;
			this.addform.riskpredimname = null;
		}else{
			//将codename赋值给riskpredimname 
			this.addform.riskpredimname = addriskpredim[0].codename || '';
		}
	}

问题2：

问题描述

点击el-tree的某一行数据，获取其父节点信息

解决方法

（1）页面样式代码如下，为其绑定了treeClick()方法

<div>
	<el-scrollbar>
		<el-tree ref="tree" 
				:data="treeData" 
				 node-key="id"
				:expand-on-click-node="true"
				@node-click="treeClick">
		</el-tree>
	</el-scrollbar>
</div>

（2）在其方法中调用.getNode 即可获取相关信息，父节点信息在parent中

req(node,data){
	const nodedata = this.$refs.tree.getNode(data);
	console.log("node,data",nodedata);
}

问题3：

问题描述

queryForm是一个对象，在传参的时候，希望将arr和queryFormy一起传给后端

解决方法

arr中存放当前页码和每页展示多少页，queryForm存放数据查询条件。使用Object.assign可将两者合并

//这里是将arr和queryForm结合成一个obj,传参的时候传obj即可
let obj = Object.assign(arr,this.queryForm);