uni-app页面传值


1:父页面向子页面传值

父页面向子页面传值,即页面跳转时,进行传值。

简单传值示例:

父页面:

使用navigateTo进行页面跳转,参数

uni.navigateTo({
    url: "orderdetail?id="+this.id
});

子页面接收值

onLoad(e) {
    this.id = e.id;
}

复杂传值实例:

父页面:

this.userdata = {
	"a": 1,
	"b": 2
};
uni.navigateTo({
	url: "userinfo?item=" + encodeURIComponent(JSON.stringify(this.userdata)),
});

子页面接收值:

onLoad: function (option) {
	this.userdata=JSON.parse(decodeURIComponent(option.item));
}


2:子页面向父页面传值

父页面监听:

uni.$on('fire', function(data) {
        // data即为传过来的值
        console.log(data);
        //清除监听,不清除会消耗资源
        uni.$off('fire');
});

子页面返回数据:

onBackPress() {
        uni.$emit('fire', {
	a: "1",
	b: "2"
        });
}


点赞(0

上一篇: ThinkPHP5.1模型关联查询

下一篇: ThinkPHP中如何使用Layui分页

本文标签: #uni-app

版权声明: 若无特殊注明,本文皆为原创,转载请注明出处。

发布时间: 2020-02-06 23:52

点击总数: 1884

本文作者:97


请登陆后在进行评论


    点击登陆


    文章
    15
    评论
    14
    用户
    43