小程序开发总结03 - 数据传递与缓存

<view bindtap="funName" data-variable="{{variable}}"></view>

// 方法中获取dataset参数
funName(e){
	const variable = e.currentTarget.dataset.variable;
}

let id = 1;
wx.navigateTo({
	url: '/pages/test/test?id='+id
})
wx.redirectTo({
	url: '/pages/test/test?id='+id
})

Page({
    onLoad(options){
        console.log(options.id);
	}
})

<csxiaoyao schedule-data="{{item}}" new-page="{{true}}"></csxiaoyao>

Component({
    properties: {
        scheduleData: { // 属性名
            type: Object,
            observer: '_propertyChange' // 监控属性变化，为字符串
        }
        newPage: Boolean
    },
    data:{
        scheduleData:{},
        newPage: true
    },
    ready() {
        this.setData({
            scheduleData: this.properties.scheduleData,
            newPage: this.properties.newPage
        });
    },
    methods: {
        _propertyChange (newVal, oldVal) {
            ...
        }
    }
})

<form bindsubmit="formSubmit" report-submit>
	<button formType="submit">提交</button>
</form>

formSubmit(event) {
	// 事件选项
    const eventOption = {
    	composed: true
    }
    var eventDetail = {
        data: ...,
        // 如果需要后端处理消息推送，则必须在每次提交请求时额外带上表单id
        formId: event.detail.formId
    }
    // 调用父页面的cancel事件
    this.triggerEvent('component_cancel', eventDetail, eventOption);
}

<csxiaoyao bind:component_cancel="cancel"></csxiaoyao>

cancel(event) {
    const formId = eventDetail.detail.formId;
    const data = eventDetail.detail.data;
    ...
}

App({
	globalData: {
    	userInfo: {...}
    },
	onLaunch: function () {
		this.globalData.userInfo = {...};
	}
})

var app = getApp();
var userInfo = app.globalData.userInfo;