E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
路由跳转
解决vue
路由跳转
同一页面,携带不同参数,页面不刷新的问题
今天上午在公司碰到了这种
路由跳转
同一页面的问题,简单来说就是我点底部导航时,第一次跳转到详情页没有问题,可是在跳转详情页之后,再去点击底部导航时就会出现参数改变但是页面没有刷新的问题在你跳转到的页面里添加监听方法
梦想家加一
·
2023-09-06 12:19
前端
路由跳转
,router-view不显示组件页面的几个可能出现的问题及解决方案
遇到的问题:路由变化,父组件有router-view的情况下子组件页面不显示,查了诸多方案,最终是因为路由跳级的原因;代码如下:MyRoutes:{path:'/',name:'首页',component:Salary,children:[{path:'other',name:'其他数据',//component:EmployeeSalary,//没有这个component的时候,就会出现路由跳级
梦想家加一
·
2023-09-06 12:48
java
前端
javascript
uniapp自定义tabBar
目录目录uniapp自定义tabBar方案一、pages.json文件中添加tarBar二、把原生的tabBar隐藏起来三、自定义一个tabBar组件四、全局引用组件五、
路由跳转
补充1:自定义switchTab
爱吃糖的小明
·
2023-09-06 09:44
vue
uni-app
vue.js
前端
vue 路由之左右滑动效果
keep-alive是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM,我们要把它也包裹在transition标签内,否则页面将重新渲染,切换的动画也会卡顿通过watch来处理
路由跳转
是左是右
影夜随风
·
2023-09-06 09:38
vue
vue路由左右切换
vue路由切换之淡入淡出
路由跳转
的淡入淡出在开发中有一种需求叫高端、大气、上档次。所以作为一个前端有责任让你的程序开起来更酷炫。
影夜随风
·
2023-09-06 09:07
vue
工作知识总结
vue路由跳转动画
vue-router跳转
vue淡入淡出
前端疑难杂症之vue-history坑点
在history模式下,
路由跳转
用this.$router.push的方式跳转至下一页,部署更新的代码不会变化。
大仙爷
·
2023-09-05 22:19
Uniapp路由传递数据
1.参数传递参数传递是最常见的一种路由传递数据的方式,它可以通过在
路由跳转
时将数据作为参数传递到目标页面中。首先,在触发
路由跳转
时,我们可以使用uni.naviga
卷小白
·
2023-09-05 16:45
uni-app
前端
javascript
vue
vue
路由跳转
打开新窗口(window.open())和关闭窗口(window.close())
vue
路由跳转
打开新窗口(window.open())和关闭窗口(window.close())编程式导航使用路由对象的resolve的方法解析路由,可以得到location、router、href等目标路由的信息
weixin_49035434
·
2023-09-05 15:54
vue跳转新页面关闭旧页面
vue
js
uni-app学习笔记之router
路由跳转
规则
//官方示例//importrouterfrom"@/router/router.js";//需要在main.js中导入才起效///router/router.jsletneedLogin=["/pages/auth/resetPwd","/pages/auth/updatePwd","/pages/center/center","/pages/detail/detail","/pages/ind
光明有我16620122910
·
2023-09-05 05:42
uni-app
javascript
前端
vue.js
小程序当前页面栈以及跳转
$vm.getActivityListApi(this.activityItem);//触发上一个页面中的方法}2.
路由跳转
:navigateTo,re
·
2023-09-04 19:51
小程序
前端
react中使用redux
initialValue)里的回调函数属于相同类型保持reducer纯净十分重要,永远不要在reducer中执行如下操作:修改传入参数执行有副作用的操作(如API请求和
路由跳转
)调用非纯函数(如Date.now
xymspace
·
2023-09-04 10:54
仿京东 项目笔记1
目录项目代码1.项目配置2.前端Vue核心3.组件的显示与隐藏用v-if和v-show4.路由传参4.1
路由跳转
有几种方式?4.2路由传参,参数有几种写法?
CaRuJan
·
2023-09-04 07:16
Vue3
笔记
vue.js
前端
VUE3.0
路由跳转
之后页面停留在上一个浏览页面位置不会回到顶部问题
方式一:普通用法,vue2.0也可用//一般方式路由拦截exportdefault{//组件守护器beforeRouteEnter(to,from,next){//A跳转到B,B页面停留在A页面的滚动位置;解决方法:将scrollTop设置为0window.scroll(0,0);next();},setup(){}}用法如图:方式二:setup语法糖时//setup语法糖里的路由拦截define
前端_七月
·
2023-09-04 06:10
vue
前端
路由跳转
的方式和传参——方式之声明式导航、编程式导航 & 传参之params和query
路由跳转
的方式和传参——方式之声明式导航、编程式导航&传参之params和query1、
路由跳转
的2种方式第一种:声明式导航router-link(必须要有to属性),可以实现路由的跳转第二种:编程式导航利用的是组件实例的
viceen
·
2023-09-03 18:38
vue知识
前端
javascript
vue.js
VUE—跳转传参
目录一、基本使用二、$route和$router三、
路由跳转
的两种方式四、编程式导航五、传参六、props一、基本使用1、安装vue-routercnpminstall--savevue-router@
梦起孟心
·
2023-09-03 18:07
vue
vue.js
前端
vue中的
路由跳转
和传参
一:注意:在Vue实例中,你可以通过$router访问路由实例。因此你可以调用this.$router.push("路由地址")来跳转到目标路由页面;想要导航到不同的URL,可以使用router.push方法。这个方法会向history栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,会回到之前的URL。当你点击时,内部会调用这个方法,所以点击相当于调用router.push(...):所以在
来杯西瓜汁吧
·
2023-09-03 18:37
vue-router遇到的坑
vue
前端
vue.js
Vue3/ Vue3 Vue2 编程式导航 与 声明式导航区别 、 route 和 router 区别
$route
路由跳转
页面是this.$routerVue3获取当前页面是
春暖花开.,
·
2023-09-03 18:06
vue.js
javascript
前端
路由跳转
和传参(vue3)
路由跳转
和传参(vue3+Ts+setup)准备工作:安装了路由,配置了路由表,全局注册了路由vue3路由官方文档安装路由npmnpminstallvue-router@4yarnyarnaddvue-router
入门中……
·
2023-09-03 18:36
vue3
setup语法
vue.js
javascript
前端框架
Vue: 编程式导航的跳转 和 传参
文章目录编程式导航-基本跳转两种语法:path路径跳转name命令
路由跳转
编程式导航-路由传参①使用path路径跳转传参(query传参或者动态路由传参)②使用name命名
路由跳转
传参(query传参或者动态编程式导航
Forever_Hopeful
·
2023-09-03 18:04
Vue
vue.js
前端
javascript
vue
路由跳转
页面不刷新数据
前言:vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换。这也会导致一个问题,就是引用相同组件的时候,由于参数不一样不会覆盖原打开的页面而会打开一个重复的页面,只是页面的数据不一样,再点开旧的页面时(B.1)发现数据还是新页面(B.2)的数据,点开旧页面(B.1)时不会调用created(),mounted()函数,会导致获取数据的函数无法
不爱去冒险的少年y
·
2023-09-03 12:04
vue全局方法和属性的注册
例如我们想讲一个
路由跳转
方法toPath能够全局使用,但又不想每个组件去声明定义一遍,那我们就直接将其挂在Vue.prototype上。
一夕烟雨
·
2023-09-03 03:16
路由跳转
几种方法
路由的几种跳转方式1.router-link不带参数//name,path都行,建议用name//注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由开始。2.带参数//params传参数(类似post)//路由配置path:"/home/:id"或者path:"/home:id"//不配置path,第一次可请求,刷新页面id会消失//配置path,
丶凡人
·
2023-09-02 21:56
vue
ajax
常见
路由跳转
的几种方式
常见的
路由跳转
有以下四种:1.
要加油哦~
·
2023-09-02 21:25
vue学习
前端
javascript
开发语言
Vue: 声明式导航(router-link)的跳转传参的两种方式
参数名=值"对应页面组件接收传递过来的值:$route.query.参数名代码示例:1.在
路由跳转
的时候进行传值注重过程不要急躁怎么学习好Vue呢2.对应页面组件接收传递过来的值:搜索关键字:{{
Forever_Hopeful
·
2023-09-02 15:08
Vue
vue.js
javascript
ecmascript
vue中的动态路由怎么配置
path后面跟上对应的值传递后形成的路径:/router/1231.定义路由/在APp.vue中用户//在index.js中{path:'/user/:userid'component:User,}2.
路由跳转
小羊集事笨
·
2023-09-02 09:48
前端
javascript
网络
Kotlin+ARouter完美实现Android页面
路由跳转
ARouter我想就不用我多说了吧,阿里的组件化路由框架。funopenActivity(path:String,build:Postcard.()->Unit={}){valpostcard=ARouter.getInstance().build(path)postcard.build()postcard.navigation()}funopenActivityAndFinish(path:St
锐湃
·
2023-09-01 17:48
arouter
Kotlin
android
kotlin
开发语言
vue中实现
路由跳转
的三种方式(超详细整理)
vue中实现
路由跳转
的三种方式一、使用vue-routervue-router本质是一个第三方的包用的时候需要下载步骤(7步法):下载vue-router模块到当前工程yarnaddvue-router2
song19990524
·
2023-09-01 11:40
vue.js
javascript
前端
uni-app的h5页面的onHide/onUnload方法不触发的问题解决
onHide/onUnload生命周期对页面的展示/隐藏/销毁进行监听问题:仅在首页正常触发生命周期,通过跳转进入的其他页面的onShow正常触发,onHide与onUnload不触发解决过程推测原因:通过
路由跳转
的页面属于二级页面
洛千陨
·
2023-09-01 08:18
uni-app
+
h5
uni-app
javascript
前端
html5
vue router
路由跳转
获取不到参数
问题:路由传参一直不能获取到参数,未出现报错原因:混淆query和params的使用方法,在使用params传参时错误的使用了path代码:正确写法1:使用path要对应query ... this.$router.push({ path:'/Health', query:{ title:item['name'], list:item['list'] } })获取方
ZhangChuChu_9248
·
2023-09-01 03:39
vue.js
javascript
前端
angular中的
路由跳转
及路由传参方法整理
路由跳转
方式总的大概分为两种通过模板链接进行跳转两种写法跳转a组件跳转a组件定义路由{path:'component-a',component:ComponentAComponent}定义路由出口通过方法进行跳转需要注入两个服务
无敌喜之郎
·
2023-08-31 16:02
ng学习日志
angular.js
javascript
前端
【Vue工程】005-Vue Router
定义路由2、创建路由实例3、在`main.ts`注册路由4、在`App.vue`定义路由出口四、嵌套路由1、修改路由2、定义嵌套路由出口五、配置404页面六、声明式、编程式导航1、声明式导航(在模板中进行
路由跳转
訾博ZiBo
·
2023-08-31 07:29
Vue.js
vue.js
javascript
前端
vue-router
路由跳转
与打开新窗口
vue-router打开新窗口的方法及跳转方式对比打开新窗口方法1:constrouteUrl=this.$router.resolve({path:"/targetUrl",query:{id:96},});window.open(routeUrl.href,"_blank");},方法2:打开新的标签页如果通过iframe嵌入到其他系统中,这样打开新窗口,会丢掉iframe的壳子,出现有问题需
bug丸
·
2023-08-31 04:23
vue
vue.js
前端
vue 三级
路由跳转
页面不显示问题
原因:与一二级路由共用解决方法:三级单独使用一个1.创建index.vue页面//单独给三级路由使用的router-view2.在路由的二级路由的component把文件地址指向index.vue{path:'/schedule',name:'日程',component:()=>import('../layout.vue'),children:[{path:'/schedule/children'
zhudying
·
2023-08-31 03:59
教你前后端分离使用 Token 登录
首次登录时,后端服务器判断用户账号密码正确之后,根据用户id、用户名、定义好的秘钥、过期时间生成token,返回给前端;前端拿到后端返回的token,存储在localStroage和Vuex里;前端每次
路由跳转
星野丶Z
·
2023-08-30 19:52
token验证
vuex
axios
前端
vue.js
node.js
从上帝视角俯瞰vue2路由(简单易懂)
文章目录路由原理(hash)路由安装和使用(vue2)
路由跳转
路由的传参和取值嵌套路由路由守卫完整代码路由原理(hash)单页应用的路由模式有两种哈希模式(利用hashchange事件监听url的hash
困困的小熊猫
·
2023-08-30 18:12
vue
前端
路由
《Vue3实战》用路由实现跳转登录、退出登录以及路由全局守护
目录前言一、登录界面的
路由跳转
二、主页中退出登录的实现三、路由全局守护四、最终效果图五、登录页面全代码总结前言路由是什么?路由是一种将数据包从源节点转发到目标节点的技术或过程。
懒大王敲代码
·
2023-08-30 10:24
vue
javascript
Vue
路由跳转
后this.$bus.$on多次触发的问题
路由跳转
地址栏显示参数,且页面刷新后参数不会消失.跳转:this.$router.push({name:'Home',query:{id,region}})获取参数this.
请叫我吉先生
·
2023-08-29 14:12
Vue笔记八:链式
路由跳转
和路由守卫
链式
路由跳转
链式
路由跳转
就是在方法中进行跳转普通的
路由跳转
方式普通方式链式传统方式链式
路由跳转
exportdefault{name:"test3",methods:{mybtn(){this.
努力努力再努力dyx
·
2023-08-28 22:48
Vue
vue.js
javascript
前端
Vue路由(详解)
路由安装和使用(vue2)
路由跳转
跳转实例:路由的传值和取值传值实例:查询参和路由参的区别:嵌套路由嵌套实例:路由守卫守卫实例:路由原理路由是Vue中的一个重要的插件。
爱敲代码的小林
·
2023-08-28 10:20
Vue2
vue.js
前端
javascript
路由
Objective-C实现界面间的
路由跳转
将界面的跳转操作都放在一个地方统一处理不用关心当前控制器是什么,不用繁琐的引用文件,将各模块之间隔离开来接收参数的属性不需要暴露在h文件中用途通过控制器的类名字符串来索引打开该控制器路由支持pushpresentpushstoryboard的vcpresentstoryboard的vcscheme链接打开vclink链接打开vc参数传递数据回调上一个界面登录状态判断同一个界面是刷新还是重新打开控制
hexuren
·
2023-08-27 21:01
Vue.js写项目时需要弹出新窗口,并且新窗口可以独立刷新黑科技
Vue.js本来是为了编写单页项目而由尤大大发明出来的,宗旨是在同一页进行整个项目的编写,而利器就是局部
路由跳转
,通过
路由跳转
模拟新窗口的打开,name如果要在单页项目中需要重新打开一个新的弹出页面如何搞呢
前端技术铺
·
2023-08-27 21:44
vue.js
科技
前端
vue路由传参的3种方式(极简)
$route.params.参数名称methods是vue中的一个属性,在里面定义方法来进行
路由跳转
下面是方法:上面两个比
朝树
·
2023-08-27 16:49
vue项目解决
路由跳转
页面闪烁问题(过度动画)
1.问题描述:页面跳转是出现卡顿感,闪烁感明显,降低用户体验。2.解决方案:利用动画缓解页面跳转闪烁感3.具体实现技术:利用transition(https://cn.vuejs.org/v2/guide/transitions.html)代码:-->-->exportdefault{data(){return{};},components:{},mounted(){},methods:{}};/
好难想的名字
·
2023-08-26 18:57
探讨uniapp的路由与页面栈及参数传递问题
2页面路由uni-app有两种页面
路由跳转
方式:使用navigator组件跳转、调用API跳转。2.1navigator页面跳转。该组件类似HTML中的组件,但只能跳转本地页面。
@Autowire
·
2023-08-26 17:47
uni-app相关知识
uni-app
java
服务器
vue项目history模式下 微信分享出坑总结
例如我们的首页是m.ttftx.mobi,
路由跳转
到test页面,url应该变成m.ttftx.mobi/test。
小耳朵们
·
2023-08-26 01:06
vue实现简单登录界面
使用Vue实现简单的用户登录界面,登录成功做
路由跳转
,背景图片可自定义。
小趴菜不能喝
·
2023-08-26 00:56
前端星球
vue.js
前端
javascript
iOS 界面
路由跳转
将界面的跳转操作都放在一个地方统一处理不用关心当前控制器是什么,不用繁琐的引用文件,将各模块之间隔离开来接收参数的属性不需要暴露在h文件中用途通过控制器的类名字符串来索引打开该控制器路由支持pushpresentpushstoryboard的vcpresentstoryboard的vcscheme链接打开vclink链接打开vc参数传递数据回调上一个界面登录状态判断同一个界面是刷新还是重新打开控制
T_aa
·
2023-08-25 22:14
vue的传值方式
1.query传值在某处做
路由跳转
时,使用query传值的方式:image.png在页面中接受数据的方式:image.png在浏览器的地址栏显示方式:image.png2.params传值使用params
Sune小叶子
·
2023-08-25 18:31
Angular2.0—路由传参
Angular2.0—路由传参首先使用脚手架创建项目友情链接:Angular2.0—构建项目的流程以及使用ng-zorro创建组件news和children友情链接:Angular2.0—
路由跳转
3编写代码
杀个程序猿祭天
·
2023-08-25 10:37
uniapp 微信小程序
路由跳转
保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面//在起始页面跳转到test.vue页面并传递参数uni.navigateTo({url:'test?id=1&name="lisa"'});uni.redirectTo(OBJECT)关闭当前页面,跳转到应用内的某个页面。uni.redirectTo({url:'test?name="lisa"'});un
T3165919332
·
2023-08-24 20:13
uni-app
微信小程序
小程序
上一页
7
8
9
10
11
12
13
14
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他