前言:
今天大家对“jshtml传参数”大体比较关怀,我们都想要剖析一些“jshtml传参数”的相关知识。那么小编在网上搜集了一些有关“jshtml传参数””的相关知识,希望各位老铁们能喜欢,兄弟们快快来学习一下吧!1 可以使用路由传参的方式来打开页面并传递数据。
如这里传递的一个列表数据 以下是具体步骤:
1.1 确定数据格式
例如我们要传递一个名为 listData 的List,其中包含 name 和 age 两个属性:
let listData = [ {name: 'Tom', age: 20}, {name: 'Jerry', age: 18}, {name: 'Lucy', age: 22},]2.2 在发送数据的页面中,使用uni.navigateTo方法打开目标页面,并在url后面添加参数:
uni.navigateTo({ url: '/pages/targetPage/targetPage?listData=' + JSON.stringify(listData),})
注意,由于路由只能传递字符串类型,因此需要使用 JSON.stringify() 将List数据转换为字符串。
1.3 在接收数据的页面中,通过onLoad方法获取参数,并使用JSON.parse()将字符串转换为List数据格式:
onLoad: function(options) { let listData = JSON.parse(options.listData) console.log(listData)}
这里的 options.listData 即为发送页面中传递的参数,通过 JSON.parse() 方法将其转换为List数据格式,并进行打印输出。
通过以上步骤,我们就可以在uniapp中打开页面并传递List数据了。
2 可以通过 uni-app中的全局变量来传递值。
以下是具体步骤:
2.1 在App.vue中定义全局变量
例如:
export default { globalData: { message: '' }, ...}2.2 在需要传值的页面中,设置全局变量的值:
this.$root.globalData.message = 'Hello World!';2.3 在需要获取传值的页面中,直接访问全局变量的值即可:
console.log(this.$root.globalData.message); // 输出:Hello World!
另外,还可以使用路由跳转时传递参数的方式,在 $router.push 等方法中指定参数进行传递。
如果你有兴趣可以关注一下公众号 biglead 来获取更多内容
#头条创作挑战赛##科技#
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #jshtml传参数 #html传值给另一个html #两个html页面之间传值