您现在的位置是:首页 > 前端开发 > Uni-App

uniapp页面参数传递

admin2019-04-09Uni-App 人已围观

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

 

 

 

 

很赞哦!5591

文章评论

      匿名评论
    • 评论
    人参与,条评论

站点信息

  • 建站时间:2018-12-23
  • 网站程序:帝国CMS7.5
  • 文章统计: 183
  • 文章评论:490条
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们