比如一个小程序需要两个版本(用户版、商家版),并且能通过一个按钮在两个版本间进行切换,可能会用到这种方式。
此处以两个页面(index,logs)显示两种tabbar样式为例,通过切换按钮进行切换。
大家都知道,针对一款app上面都是展示信息的,那么在小程序中,页面上信息的展示是如何的,接下来进行详细探索:
在微信小程序中,编写页面布局是在wxml文件中进行的,则在wxml文件中,使用<view></view>标签进行内容的包裹,类似html中的<div>,现在进行一个需求的编写,在页面上编写布局,并将.js结尾文件中的处理数据进行展示到页面上;
index.wml
index.js
编译项目,则页面展示如下:
从上面结果可以知道在wxml文件中使用{{**}}可以将js文件中指定的内容展示在页面上,现在我们进行动态的展示数据,不需要展示起在page-data中固定的内容,修改js文件内容:
编译项目,显示结果如图:
由此可知,在js中动态的设置内容并将其更新到wml上,则使用 this.setData(),且修改的内容格式符合key:value。
就小程序页面数据展示就分析到这里,希望各位看官们有所收获,有什么错误的地方还望指出!!
1、点击手机桌面“微信”图标,进入手机“微信”。
2、接下来需要点击右下角“我”,进入“个人页面”。
3、点击“设置”,进入“设置页面”。
4、接下来需要点击“通用”,进入“通用设置”。
5、点击“发现页管理”,向下滑动找到点击“小程序”后面的按钮。
6、将其设置为“打开”,返回微信发现页,即可看到“小程序”入口。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)