|
|
@ -8,7 +8,21 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
<script> |
|
|
|
|
|
|
|
export default { |
|
|
|
|
|
|
|
created () { |
|
|
|
|
|
|
|
//在页面加载时读取localStorage里的状态信息 |
|
|
|
|
|
|
|
localStorage.getItem("userMsg") && this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("userMsg")))); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//在页面刷新时将vuex里的信息保存到localStorage里 |
|
|
|
|
|
|
|
window.addEventListener("beforeunload",()=>{ |
|
|
|
|
|
|
|
localStorage.setItem("userMsg",JSON.stringify(this.$store.state)) |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style lang='scss'> |
|
|
|
#app { |
|
|
|
#app { |
|
|
|
font-family: Avenir, Helvetica, Arial, sans-serif; |
|
|
|
font-family: Avenir, Helvetica, Arial, sans-serif; |
|
|
|
-webkit-font-smoothing: antialiased; |
|
|
|
-webkit-font-smoothing: antialiased; |
|
|
|