为了实现组件间的通讯,首先必要自定义变量,操作流程如下
data-'key'
,并且绑定点击事件onGoToDetail
<view data-post-id="0" bind:tap="onGoToDetail">
</view>
复制代码
onGoToDeatil
onGoToDetail(event){
const pid = event.currentTarget.dataset.postId
wx.navigateTo({
url:'/pages/B/B?pid='+pid
})
},
复制代码
通过事件函数默认对象event
,自定义对象存在event.currentTarget.dataset对象中
.wxml定义变量与.js中对应变量的语法如下
wx.navigateTo
函数实现页面跳转,使用?
即查询参数潍坊设计,将属性pid
发送至页面BonLoad
钩子函数中,使用options
参数进行接收合肥幼儿师范学校,并且使用setData
函数,将接收到的变量onLoad: function (options) {
const postId = options.pid
this.setData({
Id:postId
})
},
复制代码
此例中options
的效果如下
postId
值文件间通讯-变量传递
在页面中河北人事考试,通常会引入其他页面的数据,建议使用es6
中的export
与import
实现不锈钢阀门,实现流程如下
export {
data
}
复制代码
import { data } from '../../data/data.js'
console.log(data)
复制代码
全局变量可以保存一个应用生命周期之内的状况
onLauch
、onShow
、onHide
、onError
等应用级别的生命周期钩子函数。本例中在文件中定义了全局变量test
值为1
getApp()
函数进利用用即可,结果图如下const app = getApp()
console.log(app.test)
复制代码
小程序缓存
缓存可以在过期时间内永世保存变量值,可以先理解为前端数据库;而全局变量则会在小程序重新启动时再次初始化数据。
//新增-缓存变量flag为true
wx.setStorageSync('flag', true)
//查找-缓存变量flag
const flag = wx.getStorageSync('flag1')
//修改-缓存变量flag为false
wx.setStorageSync('flag', false)
//删除缓存变量flag
wx.removeStorageSync('flag')
//清空所有缓存变量
wx.clearStorageSync()
复制代码
Storage
中查看当前缓存在操作较为复杂的情况下,异步操作缓存能获得更高的性能
promise
wx.setStorageSync('flag', 1)
const flag = wx.getStorage({
key: 'flag',
})
flag.then((value)=>{
console.log("flag=", value.data)
})
复制代码
async-await
,必要在引用该代码的函数前加上async
wx.setStorageSync('flag', 1)
const flag = await wx.getStorage({
key: 'flag',
})
console.log("flag=", flag.data)
复制代码
二者获得的效果如下
中国 · 北京
电话:4000-960-360
企业QQ:800-118-118
邮箱:800118118@b.qq.com