设置页面数据:setData

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

先打开 index 页面 .. data 里面的东西是初始化的数据 .. 这里我把在小程序全局数据里的 greeting 放到了页面上的这个 greeting 里了 .. 然后在页面的视图文件里,绑定输出了这个数据 ..

现在我们可以改进一下 .. 打开 app.js .. 改造一下 globalData 里的这个 greeting .. 让它变成一个数组 .. 数组里面有几个项目 .. 就是一些问候的单词 .. hello ~ .. hola ~ 您好 ~

回到 index 页面 .. 在这个 Page 里面先添加一个自定义的方法 .. 名字是 greet .. 接收一个参数叫 greeting ..

这个方法做的事就是返回一个随机的数组项目 .. 数组是 greeting .. 一组方括号 .. 用一下 Math 的 random 方法 .. 用它乘以数组的长度 .. .. 再用 Math 的 floor 方法处理一下这个结果 ..

return greeting[Math.floor(Math.random() * greeting.length)]

得到这个随机的数组项目以后,我们要把它放到页面的 data 里面 .. 可以在这个 onLoad 方法里,用一下 this.setData 去设置一下 .. 设置的是页面的 greeting 数据 .. 它的值可以用一下 this.greet 这个方法得到 .. 把数组交给这个方法 ... 这里就是小程序全局数据里的 greeting ..

现在我们可以让这个 greeting 的初始值等于一个空白的字符 ..

再到开发者工具上去试一下 ... 刷新页面 ...

现在 index 页面加载以后,上面显示的问候语会随机地发生变化 ...

设置页面数据:setData《 微信小程序:框架 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点