uniapp爬坑之路知识点
程序员文章站
2022-05-09 20:30:27
...
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布局方式
推荐阅读
-
vue + axios + formdata 上传文件带参数的爬坑之路
-
一个iOS开发者的Weex爬坑之路环境部署和Debug
-
搭建本地easy-mock的爬坑之路
-
Vue 爬坑之路(十一)—— 基于 Nuxt.js 实现服务端渲染(SSR)
-
Tinker + Bugly + Jenkins 爬坑之路
-
Vue 爬坑之路(十二)—— vue-cli 3.x 搭建项目
-
vue + axios + formdata 上传文件带参数的爬坑之路
-
uniapp爬坑之路知识点
-
一个iOS开发者的Weex爬坑之路环境部署和Debug
-
Vue爬坑之路 一:简单介绍vue及使用vue-cli脚手架工具快速搭建项目