uniapp页面参数传递
简介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) } |