vue基于uni-app的传参

点击按钮跳转页面时无形参的传参过程总结：

点击“购买”按钮跳转到支付页面，并传递参数。传递参数如下图：

 

 在onLoad方法中，

onLoad: function(option) {
			this.$u.api.getClassList(params).then(res => {
				if (res.code == 200 && res.data) {
					this.subjectname = res.data.data.lesson_name;
					this.classname = res.data.data.subject_name;
					this.price = res.data.price;
					this.grade_dept_name = res.data.data.grade_dept_name;
				}
			});
		},

通过接口获取到数据 ，在onclick函数中

	goToOrder() {
				this.$u.route({
					url: 'pages/orderConfirm/orderConfirm',//跳转地址
					params: {
                        //传递参数
						classname:this.classname,
						subjectname:this.subjectname,
						grade_dept_name:this.grade_dept_name,
						price:this.price
					}
				});
			}

在另一个跳转过去的页面的onload方法中接收参数，写：

	onLoad: function(option) {
            //option为object类型，会序列化上个页面传递的参数
			  //打印出上个页面传递的参数。
			// console.log("传过来的参数",option.classname); 
			// console.log("传过来的参数",option.grade_dept_name); 
			// console.log("传过来的参数",option.price); 
			// console.log(option.grade_dept);
            //接收传递过来的参数
			this.subjectname = option.subjectname;
			this.classname = option.classname;
			this.grade_dept_name = option.grade_dept_name;
			this.price = option.price;

		},

 传过来的参数如长方形框里：

 

 然后在template中可以直接使用