欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > uni-app教程 >
uni-app教程

[基础教程]uni-app 页面如何接受参数

(元素模板) / 2023-02-21 17:25
uni-app如何接受传参呢?
元素模板为您解答:
代码如下
<template>
	<view>
		<text>{{name}}</text><text>{{age}}</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:"",
				age:""
			}
		},
		methods: {
			
		},
		onLoad (e) {
					console.log(e)
					const {age,name}=e;
					this.age=age;
					this.name=name;
				}
	}
</script>
里面的 name 和age 就是传过来的参数

uniapp 参数必须保存到 data()才能在页面显示
里面const {age,name}=e; 是语法糖 简单意思就是 说 是  const age=e.age ; const name=e.name;

Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com