本地存储 localStorage 使用

 

当页面跳转，A页面的数据，跳转到 B 页面后，需要将数据传值过去，

但没有vue的prop传值，就是用jquery，要怎么传值呢？

 

这里有种简便方法，就是本地存储，我用的是 localStorage 。

• 存储数据：localStorage.setItem('roomData',nsarr)   // roomData 为数据变量名，nsarr 为要存储的数据变量
• 取数据：    localStorage.getItem('roomData')
• 清除数据： localStorage.removeItem('roomData')

我做的页面需求是选中楼层，确认后跳转B页面，房间数据需要传过去。

只要一个房间被点击，就判断当前是选中还是取消选中
选中就加上选中样式，然后获取里面的值，存入数组，取消选中则反之
初始就一个空数组，那每次只会有一个房间被点击，然后房间被选中，

就往数组塞数据，如果取消选中，就把这个房间的数据从数组删掉。

 

那么我是在 A 页面存储数据，在 B 页面取出数据。

当选中两个数据：

 

打印出来如下：

 

如果 Application 有值，证明数据存储成功。

 

注意： 

本地存储，只能存储字符串 ，存对象，会先把对象 toString 为字符串后再存进去，所以需要一个字符串和对象之间的转化。

存的时候，需要转化为字符串

取出来的时候，通常都会将字符串转化为对象