uniapp页面参数传递

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)
        }