2019年5月

在mpvue项目中一个组件中,首先我们要把main.json里面的navigationBarTitleText设置成空,或者写个加载中{ "navigationBarTitleText": "" } 通过查看官方api文档发现动态修改页面标题的方法是wx.setNavigationBarTitle(Object object) 详细请参考官方文档然后我们把它放到vue文件的mounted属性里就可以了 mounted() { wx.setNavigationBarTitle({ title: '当前页面' }) }

基于mpvue小程序进行分包首先在 pages / 下,新建 packageA/index 目录,在目录下再新建两个文件,index.vue和 main.js ,目录结构如下图所示:注意事项:要把子包的目录建在src/pages/ 下,而不是pages平级。然后对app.json进行配置"subPackages":[ { "root": "pages/packageA/", "pages": [ "index/main" - 阅读剩余部分 -

有美团开源出的mpvue以其vue的语法和良好的开发效率再搭配上用户体验良好的UI组件无疑是定制化微信小程序的开发方式,然而由于mpvue是对微信原生开发的再次封装,这也为我们引入UI组件添加了不少麻烦,话不多说,接下来为大家展示引入vant-weapp的方法。1、首先,我们需要有个mpvue的基础的项目文件骨架,即用mpvue初始化一个项目# 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 mpvue-quickstart 模板的新项目 $ vue init mpvue/mpvue-quickstart my-p- 阅读剩余部分 -