mpvue小程序单个页面添加config配置踩坑指南



  • mpvue小程序单个页面添加config配置

    0何为config配置

    全局页面配置

    小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

    页面配置

    每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。

    1原来配置

    通过网上搜索,都是提供在目录main.js里面配置,如下:

    export default {
      config: {
        enablePullDownRefresh: true
      }
    }
    

    2现在配置

    可见官方文档,这个模块是升级了,用之前的配置方法会不生效!!!

    mpvue-loader@1.1.2-rc.4+ 升级指南

    全局页面配置

    0_1550500555361_QQ图片20190218223543.png

    放在根目录下的app.json中

    • {
      
      - "pages": [
      - "pages/index/main",
      - "pages/counter/main",
      - "pages/logs/main"
      - ],
      - "window": {
      - "backgroundTextStyle": "light",
      - "navigationBarBackgroundColor": "#fff",
      - "navigationBarTitleText": "WeChat",
      - "navigationBarTextStyle": "black"
      - }
        +}
      
    普通页面配置

    和.vue文件放在同一级的main.json中
    0_1550500596005_QQ图片20190218223543.png

    {
    
      "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


 

Copyright © 2018 bbs.dian.org.cn All rights reserved.

与 Dian 的连接断开,我们正在尝试重连,请耐心等待