vue.js 页面跳转传值 localStorage本地存储
2017-10-24 16:55
543 查看
one 页面:html
<div class="text-center">
<a class="memberBtn" @click="copy(username)">复制链接,邀请亲友</a> </div>
js: methods:{
//亲友号
copy:function(username){
var uname=localStorage.setItem('setname',username);
document.location = "../two.html";
},
two页面:html <p class="tip">登录成为<span v-cloak>{{friend}}</span>的亲友号</p>
js: data:{
friend: ' ' //亲友号传值
}
//created属性解决传值问题
created:function(){
this.friend=localStorage.getItem("setname")
},
、、详见欧普之家member和login页面之间的传值,可惜你们看不到哦!!!!
<div class="text-center">
<a class="memberBtn" @click="copy(username)">复制链接,邀请亲友</a> </div>
js: methods:{
//亲友号
copy:function(username){
var uname=localStorage.setItem('setname',username);
document.location = "../two.html";
},
two页面:html <p class="tip">登录成为<span v-cloak>{{friend}}</span>的亲友号</p>
js: data:{
friend: ' ' //亲友号传值
}
//created属性解决传值问题
created:function(){
this.friend=localStorage.getItem("setname")
},
、、详见欧普之家member和login页面之间的传值,可惜你们看不到哦!!!!
相关文章推荐
- 用localstorage本地存储,保存滚动条的高度下次打开页面直接跳转到滚动条处
- js跳转页面并传值以及localStorage的用法
- 页面a跳到另一个页面b,js实现页面跳转传值
- JS操作cookie以及本地存储(sessionStorage 和 localStorage )
- 本地存储localStorage以及它的封装接口store.js的使用
- Vue.js实战之利用vue-router实现跳转页面
- js本地存储解决方案(localStorage与userData)
- Js 操作浏览器本地存储对象:HTML5 localstorage
- js本地存储解决方案(localStorage与userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)的实例页面
- store.js - 轻松实现本地存储(LocalStorage)
- JS实现页面跳转并传值
- js 通过post方式打开页面 利用html5本地存储获取数据
- js本地存储解决方案(localStorage与userData)
- 解决C#中js页面跳转传值出现的汉子乱码错误
- 本地存储localStorage以及它的封装接口store.js的使用
- js学习之HTML5 LocalStorage 本地存储
- store.js - 轻松实现本地存储(LocalStorage)
- vue.js几种不同组件(页面)间传值的方式
- vue.js中利用router进行跳转(子页面刷新404问题)