vue 值改变后界面没有变_vue更改了数据但是视图却没有更新

今日总结：让钩子函数背锅的一上午，跪求原谅

需求：页面刷新时，保留当前页面的选中状态

解决思路：在data里设置一下初始值，保证首次进入有默认选中状态，其次再操作时，把选中的状态存sessionStorage。在created里为标记状态的变量赋值，优先sessionStorsge取，取不到就设置为默认值。

代码：

data() {

return {

thirdHidden: 2, // 二级菜单折叠还是隐藏 -1 折叠 order：显示

isCheck: 1, // 二级菜单样式 1 选中状态 -1 不选中状态

isactive: 2, // 一级菜单样式 1 选中状态 -1 不选中状态

currenOpen: 2, // 二级菜单显示还是隐藏 -1 隐藏 值为对应order：显示

isFold: false,

secondIsFold: false

}

},

created() {

this.isactive = sessionStorage.getItem(‘isactive‘) || 2

this.currenOpen = sessionStorage.getItem(‘currenOpen‘) || 2

this.thirdHidden = sessionStorage.getItem(‘thirdHidden‘) || 2

this.isCheck = sessionStorage.getItem(‘isCheck‘) || 1

}

后来发现一个很神奇的现象：刷