uniapp页面参数传递

uniapp页面参数传递

admin2019-04-09 【Uni-App】 1299人已围观

简介uniapp传递参数，和获取参数。

首先 链接传递 或者事件传递

1、要传递参数的页面
 

<navigator :url=" './nav?index='+navData">点击传递参数</navigator>

2、接收的页面
 

onLoad(options) {             console.log(options。index)         }

事件传递多个参数，传递数组用事件来传递，因为要先转成字符串

1、在页面中定义要传递
 

<button @click="dataClick">点击传递数据</button> 添加一个事件         methods: {             dataClick(){                 let that = this;                 var navData = JSON.stringify(that.navData); // 这里转换成 字符串                 uni.navigateTo({                     url:'./nav?index='+navData                 })             }         },

2、接收的页面
 

这里一定onLoad ，只能用onLoad才能接收到参数         onLoad(options) {             var data = JSON.parse(options.index); // 字符串转对象             console.log(data)         }