mpvue小程序单个页面添加config配置踩坑指南
-
mpvue小程序单个页面添加config配置
0何为config配置
全局页面配置
小程序根目录下的
app.json
文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。页面配置
每一个小程序页面也可以使用
.json
文件来对本页面的窗口表现进行配置。1原来配置
通过网上搜索,都是提供在目录main.js里面配置,如下:
export default { config: { enablePullDownRefresh: true } }
2现在配置
可见官方文档,这个模块是升级了,用之前的配置方法会不生效!!!
全局页面配置
放在根目录下的app.json中
-
{ - "pages": [ - "pages/index/main", - "pages/counter/main", - "pages/logs/main" - ], - "window": { - "backgroundTextStyle": "light", - "navigationBarBackgroundColor": "#fff", - "navigationBarTitleText": "WeChat", - "navigationBarTextStyle": "black" - } +}
普通页面配置
和.vue文件放在同一级的main.json中
{ "enablePullDownRefresh":true, "navigationBarTitleText": "评论列表" }
enablePullDownRefresh 是允许下拉刷新
navigationBarTitleText 导航栏标题文字内容
更多的页面配置属性见微信小程序开发文档
https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE
-