在前端开发中,当我们重新加载页面时我们希望显示到上一次页面的数据,这时我们就要用到LocalStorage,将我们的数据保存到这里,退出页面时将数据保存,重新加载就直接取出我们的数据,下面用个实例来介绍下我们存取值的方法。
在一些购物app中我们点击不同的商家就会显示对应商家的基本信息,我们一般通过给每个商家的页面设定一个id,当我们访问某个商店时只要将对应的id返给后端,后端就会给我们对应的信息,下面我们就来实现下。
上代码
//假设我们的地址
http://localhost:8081/?id=12345#/
<template>
<div>
<div v-show="str">
我是内容
</div>
<button @click="change">按钮</button>
</div>
</template>
<script>
export default {
name: 'app',
data: function() {
return {
//我们通过str来控制页面内容的显示,这里str是通过立即执行函数从LocalStorage获得,默认值是false
str:(()=>{
return this.lode</