zoukankan      html  css  js  c++  java
  • 小程序-传值

            // 第一种:地址栏 ? 后面传值,在detail.js中onLoad生命周期中接收参数
            toDetail(e){
                var id=10,
                    title="我是详情页";
                wx.navigateTo({
                    url: '/pages/detail/detail?id=' + id + '&title=' + title,
                })
            }
    
            // detail.js
            onLoad: function (options) {
                console.log(options)
            },
            // 第二种:在app.js中,定义globalData对象,这是全局的
            App({
                globalData:{
                    // 这里面写的参数在任何页面都能拿到
                    name:"吴小明"
                }
            })
    
            // detail.js定义常量接收app.js
            const app = getApp();
            // 在onLoad、onReady、onShow生命周期中可以拿到app
            Page({
                onLoad(){
                    console.log(app)
                    this.setName()
                },
                onReady(){
                    console.log(app)
                },
                onShow(){
                    console.log(app)
                },
                setName(){
                    // 如果需要,可以在这里重新设置app.globalData.name的值
                    var self=this;
                    self.setData({
                        name:app.globalData.name
                    })
                }
            })
            // 第三种方式:利用本地缓存,这种方式最常用。
            // wx.setStorageSync("title","111111111")设置值,在需要的页面通过wx.getStorageSync("title")
            // 第四种方式:通过 data-xxx 将值传过去
                <view bindtap="goDetail" data-productId="{{item._id}}"></view>
    
                把该商品的id传过去,到了详情页再由这个id去请求到相应的数据。
                在详情页通过事件对象event拿到传参。 
    
                注意:在跳转到详情页时,也可以将这个商品的详细信息传过去,但是如果是秒杀的活动,一秒钟后可能这个商品已经没有了,等到打开详情页的时候还是在列表页的数据,所以这种方法不严谨。
  • 相关阅读:
    FZU Problem 2150 Fire Game
    HTTP协议认识
    GitHub
    设计模式学习笔记(一)——面向对象设计模式与原则
    信息安全系统设计基础第九周学习总结
    信息安全系统设计基础第八周期中总结
    家庭作业二
    信息安全系统设计基础第七周学习总结
    家庭作业
    信息安全系统设计基础第六周学习总结
  • 原文地址:https://www.cnblogs.com/wuqilang/p/12076068.html
Copyright © 2011-2022 走看看