vue具体页面跳转传参方式

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格式。

 

时间: 2024-10-07 23:43:11

vue具体页面跳转传参方式的相关文章

vue请求中 post get传参方式是不同的哦

我在学习vue,项目中post请求,get请求都用到了,我发现传参方式是不一样的. post请求的例子: checkin (){ this.$http.post('my url',{ mobilePhone:this.phone, password:this.password },{ emulateJSON: true } ).then(function(res){ this.$root.userid=res.data.userid; console.log(this.$root.userid)

Vue之路由跳转传参,插件安装与配置

路由跳转 this.$router.push('/course'); this.$router.push({name:course}); this.$router.go(-1); //后退一页 this.$router.go(1): // 前进一页 <router-link to = "/course">课程页</router-link> <router-link :to="{name:'course'}"> 课程页 </r

js实现静态页面跳转传参

最近有个项目: 存静态web服务,一个新闻页面列表出所有新闻摘要信息,然后通过点击新闻详情访问到该新闻的详情页面: 新闻展示的页面通过ajax请求接口获取到新闻的摘要信息,预计想通过id的方式访问到新闻详情页面: 如果动态实现跳转非常简单,静态文件跳转...想了一下是否能实现在静态文件的后面加上请求的id呢?比如动态情况http://news.com/?new_id=1: 静态请求src="news_content.html?new_id=1" 最后查资料还是能实现的: 特别声明:Po

Jquery select change 页面跳转 传参

<script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $('#mySelect').change(function(){ $('#show_select

微信小程序页面跳转传参

1.传递参数方法 使用navigatior组件 <navigator url="/pages/pull/pull?title=lalla&name=cc" hover-class="navigator-hover">跳转到新页面</navigator> 使用跳转API wx.navigateTo({ url: '/pages/pull/pull?name=mc&age=22' }) 2.接收参数方法 在页面的onLoad方法的

小程序页面跳转传参参数值为url时参数时 会出现丢失

当参数的值为url的时候,  ?号   _  下划线   等等 都会被 截取掉,看不到,  这样在 另一个页面 options中  截取的url就不完全 let url="http://baidu_aaa.com/?a=1&b=2" wx.navigateTo({ url: `detail?url=123` }) 另一个页面  options.url = http://baidu   这个 解决方法 可以使用 encodeURIComponent():函数可把字符串作为 URI

Javaweb的七大传参方式和以及各自特点

学习jsp一段时间,觉得还是需要把自己学习一些东西整理了一下,第一次发东西,还请各位多多支持 1.表单提交 html自带的from方法,简单易懂,便于操作,依靠于<from>标签中的type="submit"进行表单传输,或者根据js进行控制提交表单.其中由method属性决定以post或者get方式进行提交. jsp代码: 1 <form id="test" action="testservlet" method="

react中的传参方式

react是一个SPA模式,即组件嵌套租,在一个单页面的应用中组件间的数值传递是必不可少的,主要的传参方式大致有一下几种: 1,在挂载的地方给组件传参 ReactDOM.rander(<a name='a' age={16}/>,app) 在渲染的时候,直接给挂载的组件传参. 2,父子传参 父子传参可以用props和ref两种方式,1,props方式传参,父组件通过改变自己的参数并且通过props将状态传递给子组件,并在子组件中显示.2,通过ref传参,这种方式是通过子组件自己的方法改变自己的

SpringMVC的五种请求传参方式

1.传统传参方式 方法参数中使用request,通过request.getParameter("参数名"),再封装到bean中 @RequestMapping("/test01") public ModelAndView test01(HttpServletRequest request){ String username = request.getParameter("username"); String password = request.