在localStorage中存取值的方法

在前端开发中,当我们重新加载页面时我们希望显示到上一次页面的数据,这时我们就要用到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</
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值