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
})
}
}
在此项配置中对应的使用位置为: