当页面跳转,A页面的数据,跳转到 B 页面后,需要将数据传值过去,
但没有vue的prop传值,就是用jquery,要怎么传值呢?
这里有种简便方法,就是本地存储,我用的是 localStorage 。
- 存储数据:localStorage.setItem('roomData',nsarr) // roomData 为数据变量名,nsarr 为要存储的数据变量
- 取数据: localStorage.getItem('roomData')
- 清除数据: localStorage.removeItem('roomData')
我做的页面需求是选中楼层,确认后跳转B页面,房间数据需要传过去。
只要一个房间被点击,就判断当前是选中还是取消选中
选中就加上选中样式,然后获取里面的值,存入数组,取消选中则反之
初始就一个空数组,那每次只会有一个房间被点击,然后房间被选中,
就往数组塞数据,如果取消选中,就把这个房间的数据从数组删掉。
那么我是在 A 页面存储数据,在 B 页面取出数据。
当选中两个数据:
打印出来如下:
如果 Application 有值,证明数据存储成功。
注意:
本地存储,只能存储字符串 ,存对象,会先把对象 toString 为字符串后再存进去,所以需要一个字符串和对象之间的转化。
存的时候,需要转化为字符串
取出来的时候,通常都会将字符串转化为对象