作者:小飞燕 发布时间:2021-04-19 10:19:37
导语本文整理了全网深受用户关注的个微信小程序分享参数的三种模式经验知识,可以帮助您全面了解代理怎么做,小白也能成为高手,跟随小编一起来看一看吧!
小程序参数在小程序开发中有很重要的作用,但是很多朋友对微信小程序共享参数不太了解。,小编将讲解微信小程序分享参数的几种模式,希望对大家有所帮助。
先告诉你,微信小程序共享的参数本质上是按字符串类型传递的。但是对于对象和数组集合的传递,需要处理传递时的数据和接收后的数据。
1.传输基本数据类型
> index.js发送页面js
[javascript]查看普通副本打印?
页面({
数据: {
teststr:' applet字符串字符串'
},
onload:函数{
},
next:函数(e){
wx.navigateto({
url: '/pages/test/test?str=' this.data.teststr,})
}
})
test.js接受页面js
[javascript]查看普通副本打印?
页面({
数据:{
},
onload:function(选项){
console.log('接收的参数为str=' options . str);
}
})
打印的日志如下:
收到的参数为字符串=字符串字符串
2.小程序传递对象
> index.js发送页面js
[javascript]查看普通副本打印?
页面({
数据: {
testdata:{name: '我是name ',extra: '我是extra'}
},
onload:函数{
},
next:函数(e){
wx.navigateto({
url: '/pages/test/test?extra=' json . stringify(this . data . test data)
})
}
})
test.js接受页面js
[javascript]查看普通副本打印?
页面({
数据:{
testdata:null
},onload:function(选项){
[javascript]查看普通副本打印?
console.log('收到的参数是obj=' options . extra);//只需要解析这里打印的字符串。解析如下
this . dat . test data=json . parse(options . extra);//解析获取对象
}})
打印的日志如下:
test.js [sm]:16收到的参数是obj={'name':' i就是name ',' extra':' i就是extra'}
3.传递数组集合
> index.js发送页面js
[javascript]查看普通副本打印?
页面({
数据: {
list:['item-a ',' item-b']
},
onload:函数{
},
next:函数(e){
wx.navigateto({
url: '/pages/test/test?list=' json . stringify(this . data . list),})
}
})
test.js接受页面js
[javascript]查看普通拷贝?
页面({
数据:{
list:[]
},
onload:function(选项){
console.log('收到的参数是list=' options . list);//这里打印的是一个字符串,解析如下
this . data . list=json . parse(options . list);//解析以获取集合
}})
打印的日志如下:
test.js [sm]:17收到的参数是list=['item-a ',' item-b']
另外,小程序可以通过缓存(wx.setstorage(object),wx . set storage ync(key,data))共享参数,传递小程序数据,保存后只需清除即可,防止缓存过大。
微信小程序的共享参数是什么?小编在上面介绍了三种共享参数的模式。我觉得大家看完小程序的参数分享应该有所了解。如果想获得更多相关信息,请关注源社网的小节目频道。
下面是题目的开头。如何自定义微信小程序的弹出窗口?标题到此结束
如何自定义微信小程序的弹出窗口?微信小程序自动弹出窗口怎么做,具体操作流程是怎样的?下面的小系列将向你讲解如何自定义微信小程序的弹出窗口。
第一个wxml代码:
目前没有相关资料
这里
注意:隐藏属性用于频繁切换位置。
wxss代码设置弹出样式:
mytoast{
width:240rpx
height:130rpx
线高: 130 rpx;
margin :80 rpx 35%;
border-radius :20 rpx;
背景-color: rgb(114,113,113);
color:rgb(255,255,255);
font-size : 36rpx;
text-align:中心;
位置:
z-index : 100;
opacity: 0.85
}
js:
页面({
数据:{
nullhouse: true。//先设置隐藏
},
onload:function(选项){
//页面初始化选项是页面跳转带来的参数
},
onready:function函数{
//页面渲染完成
},
onshow:function{
//页面显示
},
onhide:function{
//隐藏页面
},
onunload:function{
//页面关闭
},
单击rea:function{
that=this
this.setdata({
nullhouse:false,//弹出窗口显示
})
settimeout(函数{
that.data.nullhouse=true,//弹出窗口1秒后隐藏
},1000)
},
})
以上是小编为大家整理的关于如何做微信小程序自定义弹出窗口的内容。更多精彩内容,请关注源社网小节目频道。
这是第一段的结尾。下面是如何在比较后添加一个微信小程序自定义弹出窗口。目前已经获得了367位网友的青睐!正文到此结束
这个还挺多的。
小节目也会有一定的效果,但也需要有代价的推广。如果站内推广正在进行,你想扩大推广范围,可以尝试去做。如果不做站内推广,没必要做小节目。车站是排水的主战场。希望我的回答能让你满意!
几个月前就消失了,相关营销取而代之
有时候我想让一些线下的客户上线,但是阿里巴巴不是在客户手机上的。这时候小程序旺铺的作用就出来了
下一篇:微信小程序居中怎么设置
653位用户关注
266位用户关注
453位用户关注
533位用户关注
303位用户关注
929位用户关注
63位用户关注
94位用户关注
70位用户关注
51位用户关注
88位用户关注
31位用户关注