vuejs单vue.js页面跳转传值怎么返回前一页

来源：蜘蛛抓取(WebSpider) 时间：2017-10-29 03:14 标签： vue.js 刷新页面
JS返回上一页
JS返回上一页的方法：
&a href =&javascript:history.go(-1);&&向上一页&/a&&&
&a href=&javascript :history.back()&&返回上一页&/a&&&
如果是用按钮做的话就是：&&
input type=&button& name=&Submit& onclick=&javascript:history.back();& value=&返回上一页&&&&
用图片做的话就是：&&
&img src=&图片路径& border=&0& onclick=&javascript:history.back();& title=&返回上一页&&
JS中的history对象中的三个方法：go(),forward(),back();
方法&描述&IE&F&O
back()&加载 history 列表中的前一个 URL。&4&1&9
forward()&加载 history 列表中的下一个 URL。&4&1 9
go()&加载 history 列表中的某个具体页面。&4&1&9
作者&tigers-wang-yahoo-com-cn&1104人阅读
Vue-Router（24）
& & & & & &今天在实现一个小功能的时候，遇到一个问题，使用vue-router获取上一页面的url信息，我尝试了多种方式，发现使用vue-router的canDeactivate钩子实现这个功能最为方便，现在将我的实现代码总结如下:
& & & & & &项目使用的是vue-cli,直接贴代码& & & & &
export default {
mixins: [],
actions: {fetchCertificates},
this.$root.showLoading();
return this.fetchCertificates().then((res) =& {
this.$root.dismissLoading();
if (res.error) return this.$root.toastError(res.error);
if(res.data.certificates.length &0){
return res.
console.log(this.$route ,&----当前页面的url信息----&);
canActivate (transition) {
console.log(transition,&======上一个页面的url信息=======&);
transition.next();
转载/chenyablog/p/6951530.html
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：2046270次
积分：22207
积分：22207
排名：第347名
原创：120篇
转载：1859篇
评论：105条
(41)(108)(98)(101)(99)(137)(209)(392)(324)(117)(150)(5)(25)(88)(86)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
比如a页面=&b页面=&c页面,当前在c页面,我想按返回键回到b页面怎么搞?用histroy.go(-1)不行的.....
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
如果楼主使用了vue-router的话，使用router.go(-1)可以实现。history.go操作的是浏览器的路由，在单页应用中这样操作肯定是返回不到上一页的。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
this.$route.go(-1)就可以了啊
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
router.back();
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
正确的写法是 $router.back(-1)
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
如果用了vue-router的话，this.$router.go(-1)就可以回到上一页。history.go(-1)是回到浏览器上一页，但是由于Vue应用是单页应用，浏览器的访问历史未必和Vue的浏览历史相同。
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：vue单页面程序 - sweeeper - 博客园
&!DOCTYPE html&
&meta charset="UTF-8"&
&title&&/title&
&script src="js/vue-router.js" type="text/javascript" charset="utf-8"&&/script&
&script src="js/vue.js" type="text/javascript" charset="utf-8"&&/script&
&meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&
&div id="app"&
&a class="list-group-item" v-link="{ path: '/home'}"&Home&/a&
&a class="list-group-item" v-link="{ path: '/about'}"&About&/a&
&router-view&&/router-view&
&template id="home"&
&/template&
&template id="about"&
&/template&
&script type="text/javascript"&
//声明使用路由
Vue.use(VueRouter);
var home = Vue.extend({
template: "#home"
var about = Vue.extend({
template: "#about"
//创建路由
var router = new VueRouter();
//映射路径
router.map({
'/home':{component:home},
'/about':{component:about}
//启动路由
var app = Vue.extend({});
router.start(app,"#app");
&/html&转自：/lily1010/p/5913503.html
阅读(...) 评论()

我要回帖

更多关于 vue.js 刷新页面 的文章

 

随机推荐