继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

mpvue小程序单个页面添加config配置[设置标题、下拉刷新、颜色等]

向建峰_Javan
关注TA
已关注
手记
粉丝 1.5万
获赞 5278

前言

前面有说到wepy和mpvue的区别,所以这段时间一直在用mpvue开发了,今天遇到一个问题,mpvue的下拉刷新配置了居然不生效,也是很无赖。

原来配置

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

export default {
  config: {
    enablePullDownRefresh: true
  }
}

但是怎么就不生效,于是到处找答案,QQ群,github上面,终于github上面遇到了好心人,提供了一个链接,大家可以去看看
mpvue小程序下拉刷新踩坑系列

解决方案

最终找到了这里,mpvue-loader@1.1.2-rc.4+ 升级指南
mpvue小程序下拉刷新踩坑系列

这样一看就明白了,将原 src/main.js 中的 config 迁移到 app.json 文件中(页面 JS 中的配置迁移到 main.json 中),所以在目录下面新建一个main.json,写上配置:

{
  enablePullDownRefresh: true,
  backgroundTextStyle: 'light',
  navigationBarBackgroundColor: '#fff',
  navigationBarTitleText: 'Javan的博客',
  navigationBarTextStyle: 'black'
}

这里一定要升级mpvue-loader

npm install mpvue-loader@^1.1.2

重启服务搞定一切。

公告

以后每月5、15、25号更新原创文章,内容不限,喜欢小编的可以点击关注,也可在下方评论留言,你喜欢什么内容,小编根据大家喜欢的内容尝试更新

打开App,阅读手记
8人推荐
发表评论
随时随地看视频慕课网APP

热门评论

可以使用 mpvue-config-loader 来直接在 vue 文件里写小程序的页面配置

老师说的太好了

还需要更新其他的依赖?


查看全部评论