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拿到传参。 
    
                注意:在跳转到详情页时,也可以将这个商品的详细信息传过去,但是如果是秒杀的活动,一秒钟后可能这个商品已经没有了,等到打开详情页的时候还是在列表页的数据,所以这种方法不严谨。
  • 相关阅读:
    HTTP深入浅出 http请求
    javascript 新兴的API
    javascript 高级技巧详解
    javascript AJAX与Comet详解
    php文件扩展名判断
    php创建新用户注册界面布局实例
    php使用递归创建多级目录
    php对文本文件进行分页功能简单实现
    php上传功能集后缀名判断和随机命名
    php判断数据库是否连接成功的测试例子
  • 原文地址:https://www.cnblogs.com/wuqilang/p/12076068.html
Copyright © 2011-2022 走看看