您现在的位置是:首页 > 前端开发 > 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)
        }
 


 

很赞哦!1453

文章评论

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

站点信息

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