现实vue微信公众号项目所遇问题和解决方案记录

1、页面跳转路由传值问题

① 当使用query进行路由传值时，如果所传的是个对象，需要先将对象转化为json字符串，在接收页面再将字符串转化为对象，此方法可以防止在页面刷新时路由中的所传的值丢失。

A->B

A.vue
let item = JSON.stringify(_this.activityInfo); 
this.$router.push({
	path: "/activitySignSuccess",
    query: {
        activityInfo: item,
    },
});

B.vue
this.activityInfo = JSON.parse(this.$route.query.activityInfo);  

② A页面中有其他页面的传来的query，本身在一定操作下跳转到B，B返回A时需要修改A页面query中某些值。方法如下：

beforeRouteLeave(to, from, next) {
   	to.query.activitySign = '1';
   	next();
}

2、公众号顶部标题设置。

注：当路由中设置有组件的title时，在加载过程中会出现项目名，解决此问题的方法是添加入下图的代码：

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0].title= '你想设置的title名字'
        return args
      })
  }
}

在此项配置中对应的使用位置为：