Vue从一个页面跳转到一个页面 在返回,第一个页面的js无法使用了,这是为什么 求大神指教

Vue 从默认的页面/main 跳转到 /login页面 然后在返回到/main页面,问题是 /main页面的js跳转前是可以使用的,跳转后就无法使用了!
求大神指教一下!小弟爬坑中。

0

3个回答

你做的是不是用户浏览一个页面,登录后返回原来浏览的页面?这个用后台去做好点。既然你说的是前台js,那么,你跳转到登录界面的时,记录下main页面路径,然后传到login页面,当登录成功后,在将获取的连接跳转回去。大致是这样的

0
weixin_43361612
weixin_43361612 回复qq_23126581: 好谢谢老哥
8 个月之前 回复
qq_23126581
玄元复始道生初,守一无穷尽万物 回复weixin_43361612: 问答首页,右下角,光荣榜,第三个。
8 个月之前 回复
weixin_43361612
weixin_43361612 回复qq_23126581: @showbo是谁。。。我怎么找他
8 个月之前 回复
qq_23126581
玄元复始道生初,守一无穷尽万物 回复weixin_43361612: vue我没用过哈,所以具体我也不太清楚。你除了用<router-link to="login"></router-link>,还有没有用js进行跳转呢,你这个问题可以问,@showbo
8 个月之前 回复
weixin_43361612
weixin_43361612 回复qq_23126581: 那个是 用<router-link to="login"></router-link>
8 个月之前 回复
qq_23126581
玄元复始道生初,守一无穷尽万物 回复weixin_43361612: 我说的是你跳转到登录页面的a标签
8 个月之前 回复
weixin_43361612
weixin_43361612 没有呢,我用的Vue Cli 我现在没写跳转 我只是按浏览器自带的返回按钮 返回到我的main页面
8 个月之前 回复
qq_23126581
玄元复始道生初,守一无穷尽万物 回复weixin_43361612: 你是不是a标签中写了href="xxxx.jsp",然后又调用了js方法?就是用了onclick?如果是这么用<a href="javascript:void(0);" onclick="a()">ddd</a>
8 个月之前 回复
weixin_43361612
weixin_43361612 回复qq_23126581: 用户并没有登录,而是点击浏览器自带的返回按钮,返回到main页面之后,js文件就无法使用了。我的js文件是写在 Mounted里面的 使用require()引用的
8 个月之前 回复
qq_23126581
玄元复始道生初,守一无穷尽万物 回复weixin_43361612: 直接在这个上面发问题就行了
8 个月之前 回复
weixin_43361612
weixin_43361612 你有微信或者联系方式有么,我发个截图给你看看。
8 个月之前 回复

我记得我前面做的时候也有遇到这个问题,当时是因为js的引入路径变了导致引入失败,你看下js的引入路径是不是包含了变量。

0
weixin_43361612
weixin_43361612 方便价格联系方式么? 文件里是包含变量的 , 我 js 是在 mounted里面 使用requier()引用的 。
8 个月之前 回复

我猜的两种可能
1、你的返回原来页面的方式有问题,无法触发原有的js,试着跳转并重新加载;
2、你返回时给原有的触发条件赋予了新的事件,冲突了

0
qq_37524684
子幽 因为我不会vue.js所以只能跟你说思路,刚刚百度补了一下下,看看这个链接,希望对你有用,https://blog.csdn.net/qq_33769914/article/details/53509057
8 个月之前 回复
weixin_43361612
weixin_43361612 回复qq_37524684: export default { computed: { clickadd:function(){ this.$router.push('/main') } }, watch: { }, mounted:function(){ require("../assets/js/skins.min.js") require("../assets/js/beyond.js") $(".loginbox-submit").click(()=>{ this.clickadd() }) } }
8 个月之前 回复
qq_37524684
子幽 贴上你的代码,都不知道你的 this.$router是什么
8 个月之前 回复
weixin_43361612
weixin_43361612 回复qq_37524684: 我使用 this.$router.push()也不行
8 个月之前 回复
weixin_43361612
weixin_43361612 回复qq_37524684: 老哥,你直接把你的方案写给我看看,我测试一下。
8 个月之前 回复
qq_37524684
子幽 回复weixin_43361612: go(-1)就算成功,你的js一样触发不了,用跳转吧!如果只是返回指定的页面,你甚至可以直接写成a标签,
8 个月之前 回复
weixin_43361612
weixin_43361612 回复qq_37524684: 同行有
8 个月之前 回复
weixin_43361612
weixin_43361612 回复qq_37524684: 我自己写了一个 用的是 this.$router.go(-1),但是没用,您说的监听浏览器那个方法,我不会写 ,您有没有代码?
8 个月之前 回复
qq_37524684
子幽 回复weixin_43361612: https://blog.csdn.net/zgs_shmily/article/details/53639918里面有监控浏览器返回的例子
8 个月之前 回复
qq_37524684
子幽 回复weixin_43361612: 你可以自己写一个返回,也可以监控浏览器返回,改成跳转并重新加载
8 个月之前 回复
weixin_43361612
weixin_43361612 嗯没错,应该就是这样,我是用浏览器自带的返回按钮 返回的,然后就无法触发这个事件,您有没有解决的办法?
8 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
页面跳转后返回上一页面记录上一页面select选定的值
上图为展示图思路:cookie缓存记住当前页面select选中的值,再次返回时获取cookie的值即可第一步:引入js;&amp;lt;script src=&quot;js/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;script src=&quot;js/jquery.cookie.js&quot;&amp;gt;&amp;lt;/script&amp;gt;第二步: 当点击其中一项时设置cookie缓存,首先先清除之前的缓...
页面跳转前保存页面的查询条件(一)
1.html  &amp;lt;form id=&quot;searchBox&quot;&amp;gt;    &amp;lt;div class=&quot;inputGroupBox&quot;&amp;gt; &amp;lt;ul  class=&quot;inputBox&quot;&amp;gt; &amp;lt;li&amp;gt;审核状态:&amp;lt;input style=&quot;height:35px;&quot; id=&quot;audState&quot;  nam
页面跳转后的返回使用缓存
在最近的项目中,场景如下:查询条件在一个页面包括添加按钮(top.jsp),而查询的结果在该查询页面的Iframe中需要查询出来列表后选择添加按钮后进行跳转到一个新的页面比如add.jsp再返回时能回到原来查询结果的页面。具体方法如下:先把top.jsp中的查询条件中所有页面信息(除Iframe外)用一个div围起来并默认把它的Style.display="block",在点击添加按钮时把该div
从一个html页面跳转到另一个页面的指定tab选项卡
最近事情比较多,小婷已经没有足够的时间去学习新的知识点,就写一写简单的东西吧,这些还是从前学习前端的时候留下的课堂的笔记,那个时候喜欢记笔记,觉得总是有用的上的地方,毕竟好记性不如烂笔头。 思路: 从页面 a 通过 url ? 后面的参数给页面b 传一个 index,页面b通过这个参数来控制该选项卡的切换 a页面: &amp;lt;a href=&quot;b.html?type=1&quot;&amp;gt;校园招聘&amp;l...
使用vue-router切换页面时,获取上一页url以及当前页面url
今天在实现一个小功能的时候,遇到一个问题,使用vue-router获取上一页面的url信息,我尝试了多种方式,发现使用vue-router的canDeactivate钩子实现这个功能最为方便,现在将我的实现代码总结如下:            项目使用的是vue-cli,直接贴代码          export default { mixins: [], vuex
jQuery实现从一个页面跳转到另一个页面的指定tab选项卡
最近事情比较多,小婷已经没有足够的时间去学习新的知识点,就写一写简单的东西吧,这些还是从前学习前端的时候留下的课堂的笔记,那个时候喜欢记笔记,觉得总是有用的上的地方,毕竟好记性不如烂笔头。 思路: 从页面 a 通过 url ? 后面的参数给页面b 传一个 index,页面b通过这个参数来控制该选项卡的切换 a页面: &amp;lt;a href=&quot;b.html?t...
跳转到另一页面指定选项卡块
b.html代码块&amp;lt;script&amp;gt; $(function () { var page_url; //初始化URL参数 InitUrlParms = function () { var args = new Object(); var query = location.search.s...
从一个页面跳转到另一个页面的任何位置处
本文转自http://senir.blog.163.com/blog/static/10411818320131124250259/ 首先在A页面创建一个锚点  href="b.html#pos" target="_blank">点击跳转 然后在B页面定义这个锚点 ...这里是很多文字,把页面撑开,撑出滚动条... id="pos">滚动到这里隐藏之
vue 项目----从A页面跳转到B页面(路由跳转,用query传递id值给另一个组件)
项目效果:(吼吼~感觉蛮简单的一个效果,却摸索了两三个小时,厉害啦~)     效果要求:         通过点击A页面列表中的查看,访问B页面的列表详情   效果实现:         首先,我给A页面列表中的查看按钮添加点击事件,由于是用iview框架做的table,所以必须要清楚如何给查看按钮添加点击事件,请看截图:         在B页面接收从A页面传递过来的当...
vue 监听scroll事件 进入另一页面后,返回时保持在原来位置
在项目中,比如首页较长是需要scroll的,进入到另一页面后,返回时默认在首页原来的位置 思路: 这个主要是vue监听滚动事件,监听到进入之前的滚动条并保存下来,切换回来时再取出来进行赋值就可以了。 步骤: 1)利用vue的@scroll事件对整个页面进行监听 2)保存滚动条的值用的是sessionstorage,这个最合适了,又能暂存下来,又可以随着浏览器的 关闭而清除掉 3)最后就是用钩子...
跳转到页面的指定位置
前端页面,有时候会需要将页面跳转到页面的指定位置,或者页尾跳到页面顶点。一般由&amp;lt;a&amp;gt;元素与id属性来完成。1,建立目标,在需要跳转到的位置的元素加id属性,2,在需要跳转处添加&amp;lt;a&amp;gt;元素,然后在href属性中添加链接,在链接后面接#和目标id,如下:     &amp;lt;a href=&quot;https://www.hao123.com#box-toplist1&quot; &amp;gt;to ha...
vue 点击进入一个页面,返回跳转到之前的位置
scrollBehavior (to, from, savedPosition) { if (savedPosition) { return savedPosition } else { if (from.meta.keepAlive) { from.meta.savedPosition = document.body.scrollTo...
android从A页面跳转到B页面生命周期方法执行顺序
从上图可以看出 从A页面跳转到B页面Act的生命周期执行顺序为首先执行 A页面的onPause方法 然后是在B页面的onCreate 方法 onStart方法 onResume方法 此时B页面可见了并且有焦点 此时onStop A页面...
页面跳转前保存页面的查询条件(二)
1.跳转前保存条件首页声明变量//查询条件缓存window.searchCache = {};var pageName;var queryParams = {};var pageParams = {};//获取文件名方法(不包含后缀)function getPageName(){    var a = location.href;    var b = a.split(&quot;/&quot;);    var c...
A页面跳转到B页面某一指定位置
A页面跳转到B页面某一指定位置首先将#id传过去 "> B页面 //版块管理和数据管理跳转至大屏 $(function() { var mao = $("#" + getParam("m")); //获得锚点 if (mao.length > 0) {//判断对象是否存在 var pos = mao.offs
从当前页面跳转到另一个页面的指定区域并改变指定区域的背景色
&amp;lt;!doctype html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, user-scalable=no, initial
JS A页面跳转B页面后,B页面样式全部失效
页面跳转是最平常不过得操作。我比较常用的是loaction.href=”XXX.html”,但是从A页面跳转到B页面之后,B页面的样式全都乱掉了。如果你也遇到了这样的情况,希望从 以下几个方面去排查。 1.看css是否加载了进去。如果确定没有加载进去,可以将 外链的css写到&amp;lt;header&amp;gt;&amp;lt;/headder&amp;gt;中去,看看是否解决。 2.如果确定css已经完全加载成功,但...
从一个页面跳转到另一个页面的指定位置(带平滑移动的效果)
从一个页面跳转到另一个页面的指定位置 如果不带平滑移动的效果 很容易 加个 锚点就行了  比如 想跳到 mao.aspx 的页面 的div id="s" 的位置    那么   只用  就可实现跳转到指定位置 现在为了增加用户体验  跳转到页面后  平滑移动到该位置  怎么做呢  其实也很简单啦  那边传递过来一个 要跳转到哪个div的参数就行 先上一段 页面获取参数的 通用js
Vue.js如何在一个页面调用另一个同级页面的方法
需要在展示页里调用顶部导航栏页里的方法,两者之间没有引用关系,看了一下vue的API发现可以用这个方法实现。 https://cn.vuejs.org/v2/api/#vm-on 可以看到需要同一个vue实例来调用两个方法。所以可以建立一个中转站。 首先在任意位置新建util.js文件。 import Vue from 'vue' export default new Vue 然...
页面跳转进显示顶部
window.scroll(0, 0);
vue 获取跳转上一页组件信息
项目中有一需求,需要根据不同的页面路径url跳转进行不同的操作,首先需要获得上一页面的url,利用 beforeRouteEnter 这个钩子中的from参数获得之前url的信息,然后给 next 传递回调来访问当前组件的实例。  操作代码为: beforeRouteEnter (to, from, next) { console.log(to) console....
vue从其他页面返回保持上一页的状态
参考:https://blog.csdn.net/yan263364/article/details/84402595
VUE 中指定页面跳转
在vue中如果你嫌vue-router页面跳转不好用你可以这么写 this.$router.push({       path: '/路径'                 }) 甚至还可以直接返回上一层(改变-1为0还可以达到页面刷新的效果)  this.$router.go(-1)     友情提示:纯自己瞎悟但真实好用  ...
Jquery实现从一个页面跳转到另一页面
从一个页面跳转到另外一个页面我们可以很容易的使用Javascript来实现。但是,这里我们使用Javascript的框架Jquery来实现Jquery页面跳转。比如想跳到 mao.aspx 这个页面的div id="s" 的位置。那么,只用 就可实现跳转到指定位置。 现在为了增加用户体验 跳转到页面后 平滑移动到该位置 怎么做呢 其实也很简单啦 那边传递过来一个 要跳转到哪个div的参数
从一个页面跳转到另一个页面的锚点(带平滑移动的效果)
从一个页面跳转到另一个页面的指定位置 如果不带平滑移动的效果 很容易 加个 锚点就行了  比如 想跳到 mao.aspx 的页面 的div id="s" 的位置    那么   只用  就可实现跳转到指定位置   现在为了增加用户体验  跳转到页面后  平滑移动到该位置  怎么做呢  其实也很简单啦  那边传递过来一个 要跳转到哪个div的参数就行   先上一段 页面获取参数的 通用
vue中单页面应用页面跳转
vue中单页面应用页面跳转 &amp;amp;amp;amp;lt;router-link :to=&amp;amp;amp;quot;{ path: '/map'}&amp;amp;amp;quot;&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;el-button type=&amp;amp;amp;quot;success&amp;amp;amp;quot; @click=&amp;amp;amp;quot;deployStation&amp;amp;amp;q
vue的页面跳转-使用 vue-router 跳转页面
使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的 href,于是 vue-router 应运而生。 项目结构: 一、配置 Router  用 vue-cli 创建的初始模板里面,并没有 vue-router,需要通过 npm 安装 cnpm i vue-router -D 安装完成后,在 src 文件夹下,创建一个 routers...
微信小程序的页面跳转及前后页面传值
第一页   wxml页面 js页面 tapmine: function (e) {     var id1 = e.currentTarget.id;         wx.navigateTo({       url: '/page/shop/shop?id='+id1     }); 第二页 wxml页
angularjs项目需要从一个页面跳转到另一个页面,同时需要传递一个参数。
作者:Ye Huang 链接:https://www.zhihu.com/question/33565135/answer/69651500 来源:知乎 著作权归作者所有,转载请联系作者获得授权。Angular页面传参有多种办法,根据不同用例,我举5种最常见的(请在网页版知乎浏览答案):PS: 在实际项目中,请参照https://github.com/johnpapa/angular-styl
js跳转页面实现直接返回到上上一个页面的问题
之前跳转页面都是使用的window.location.href = url;这种方法。 现在有了新需求,从A页面到B页面,再到C页面,点击C页面返回时直接返回到A页面。用上面的跳转方法就不能实现了。得用下面这种方法:window.location.replace(url)。 这种方式会将本页的历史记录修改掉,下次返回时就不会返回到本页面了。...
vue两个页面跳转
如现在有两个页面Login和Home,路由配置在index.js中: import Vue from 'vue' import Router from 'vue-router' // import HelloWorld from '@/components/HelloWorld' import Login from '@/components/views/login/Login.vue' imp...
vue从一个页面跳转到另一个页面并携带参数
  1.需求: 点击商场跳转到商业体列表   解决方案: 元页面: a标签中添加跳转函数 &amp;lt;a class=&quot;orderBtn1 sIRicon2&quot; href=&quot;javascript:void(0);&quot; @click=&quot;toMallInfo('M000989')&quot;&amp;gt;&amp;lt;i class=&quot;sIRicon&quot;&amp;gt;&amp;lt;/i&amp;gt;商场&amp
jquery mobile框架,用超链接定位到其他页面,会出现不能跳转或者跳转后页面js代码不能执行现象
I only use English to share this boke beacuse my shurufa is bed oh 输入法又好了   今天做项目,碰到一个问题,我点一个超链接,页面成功跳转了,但是跳转后的页面里面的js代码并没有去执行。查看页面源代码,居然页面源代码还是上一个页面的。刷新一次页面,js代码成功执行了,源代码也定位到超链接的页面了 这就奇怪了,为什么页面跳转
在页面跳转的时候,在跳转后的页面中使用js 获取到 页面跳转的url中携带的参数。
common.js代码//获取URL中的参数..等等function getQueryString(name){ var reg = new RegExp(&quot;(^|&amp;amp;)&quot;+name+&quot;=([^&amp;amp;]*)(&amp;amp;|$)&quot;); var r = window.location.search.substr(1).match(reg); if(r!=null){ return decod...
页面跳转时定时器清除问题
各位同学在用 vue react 技术栈做单页面应用的时候,因为是单页面所以在跳转“页面“的时候,不会根据页面的销毁而删除,大家需要手动清除定时器,但是各个技术栈都有相应的钩子函数 能够让同学们在销毁页面的时候清除定时器和绑定的事件,但是假如我们没有用vue react等库 但是使用了单页面的思想,没有了钩子函数我们怎么办呢,当页面跳转的时候定时器依然存在但是dom元素消失了,剩下的只能是一行行的...
js 页面之间的跳转、传参以及返回上一页
js实现html 页面之间的跳转传参以及返回上一页的相关知识点 一、页面之间的跳转传参 1、在页面之间跳转的方式有两种: window.location.href=”test.html?num=10”   地址会改变参数也会被传递但是不会打开新窗口 window.open("test.html") 这样会重新打开一个新窗口。 2、获取参数 如果是按照第一种方式进行了传递则有参数,那么我
页面跳转不可返回
$(&quot;#replacep&quot;).click(function(){         window.location.replace('outLogin.do');         window.history.back(-1);     })  
js获取载入当前页面的来源
今天在给百度的朋友解决客户网站跳转非法页面的问题时, 看到了这么一段代码: if(window.name != 'cc'){ var r = document.referrer; r = r.toLowerCase(); var aSites = new Array('sm.','baidu.','soso.','so.','360.','sogou.','gougo...
实现网页原路返回:从哪个页面跳转过来就返回哪个页面
一、需求         导航对于PC网站或WAP网站有着相当重要的作用,它有利于提升用户体验,不至于让用户迷路。而“返回”就是导航的功能之一,主要体现在WAP网页左上角的“返回”按钮或链接。这里“返回”是指原路返回,即从哪个页面跳转过来就返回哪个页面。或许你会想,浏览器不是有返回按钮吗?JS不是提供了history.go(-1)或history.back(-1)来实现这个功能吗?对于简单情
Android页面跳转的方法
Android页面跳转的方法 方法一:Intent进行跳转 方法二:布局文件配合setContentView()方法跳转
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 java为什么要学习js java大神班