码迷,mamicode.com
首页 > 其他好文 > 详细

vue具体页面跳转传参方式

时间:2017-09-28 00:30:44      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:blog   style   obj   storage   ora   lin   rem   fun   传参方式   

1.写数据,可以使用“.”,”[]”,以及setItems(key,value);3种方式。

例如:

localStorage.name = proe;//设置name为" proe "

localStorage["name "] = " proe";//设置name为" proe ",覆盖上面的值

localStorage.setItem("name"," proe ");//设置name为" proe "  推荐使用setItem();

2.读数据,可以使用“.”,”[]”,以及getItems(key);3种方式。例如:

var  a = localStorage["name"];              //获取name的值

var  b = localStorage. name;                 //获取name的值

var  c = localStorage.getItem("name ");   //获取name的值 ,推荐使用setItem();

ps:由于LocalStorage是存储到硬盘上的,如果我们不主动清理那么数据会永久保存到硬盘上,清理方式:localStorage.removeItem("name");如果希望一次性清除所有的键值对,可以使用clear();

H5有个key()方法,可以在不知道有哪些键值的时候使用。

var storage = window.localStorage;  
function showStorage(){  
 for(var i=0;i<storage.length;i++){  
    //key(i)获得相应的键,再用getItem()方法获得对应的值  
    document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");  
 }  
}  

localStorage与sessionStorage存储的必需是字符串,而获取的交互数据是Object,所以我们一般要把JSON格式的字符串转成字符。

JSON.stringify()将Json对象转为字符串。

JSON.parse()将字符串转为json格式。

 

vue具体页面跳转传参方式

标签:blog   style   obj   storage   ora   lin   rem   fun   传参方式   

原文地址:http://www.cnblogs.com/lhl66/p/7604560.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!