uniapp爬坑之路知识点

uniapp爬坑之路知识点

 

1、uniapp页面参数传递

(1)、链接传递

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

接收参数页面:

onload(options){

    console.log(options.index);

}

(2)、事件传递多个参数    传递数组用事件传递，需要转换成字符串

<button @click="dataClick">点击事件</button>   

methods:{

    dataClick(){

         var nvaData=JSON.stringify(this.nvaData);   //转换成字符串

         uni.navigateTo({

                    url:'./nav?index='+nvaData
          })

    }

}

接收的页面：

onload(options){

       var data = JSON.parse(options.index); // 字符串转对象

       console.log(data)

}

2、全局变量   参考资料：https://ask.dcloud.net.cn/article/35021

两种方式：一种公用页面  使用时引入  一种直接在main.js中进入vue.prototype中的自定义属性，全局可以调用this.属性。

3、flex布局方式