1.刷新页面后,用户数据全消失!!!(项目中采用的是采用的是localstorage)
参考链接:
https://blog.csdn.net/weixin_43387238/article/details/88952419
https://developer.mozilla.org/zh-CN/docs/Web/API/Window
vuex存储和本地存储(localstorage、sessionstorage)的区别
-
vuex存储在内存,localstorage则以文件的方式存储在本地
-
应用场景:vuex用于组件之间的传值,localstorage则主要用于不同页面之间的传值。
-
永久性:当刷新页面时vuex存储的值会丢失,localstorage不会。
sessionStorage,localStorage,Cookie都放在客户端浏览器,区别在于
-
sessionStorage,localStorage存放的参数,不会主动传递给服务器端,解决了无用参数传递的问题。
-
sessionStorage和localStorage比较,sessionStorage存放在浏览器内存,关闭浏览器后就销毁了;localStorage存放在硬盘,到达有效期后销毁。
-
localStorage - 没有时间限制的数据存储;sessionStorage -针对一个 session 的数据存储
-
localStorage仅支持字符串。使用JSON.stringify()和JSON.parse().
2.加载完数据才执行某个函数 //接口是异步的
watch: {
stockData: function () {
var _this = this;
_this.$nextTick(function () {
this.setEchartOption();
});
}
},
3.vue this.$forceUpdate() 处理页面刷新问题
问题描述:
在使用Vue框架开发时,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值;
解决:
运用 this.$forceUpdate()强制刷新
4. beforeRouteEnter()获取url信息
beforeRouteEnter(to, from, next) {
console.log(to);//当前路由
console.log(from);//上一个路由
console.log(next);//下一个url
next();
},
但在内部获取不到外部的this,方法、变量等都获取不到 后来发页面,beforeRouteEnter是页面进入之前调用;所以取不到实例 可以使用但是vm.XXXXX可以获取到 beforeRouteEnter
beforeRouteEnter(to, from, next) {
//console.log(to); //当前路由
//console.log(from.path); //上一个路由
next(vm => {
vm.oldPath = from.path;
console.log(vm.oldPath);
});
5.vue项目如何刷新当前页面
- location.reload();//会出现空白
- this.$router.go(0); //会出现空白
- provide / inject 方法
链接: https://blog.csdn.net/qq_16772725/article/details/80467492
###跨域问题