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-Router
vue-router
history模式下放在服务器出现白屏问题,nginx配置
location/{#记得修改root所指的目录root/var/www/html;try_files$uri$uri/@router;indexindex.htmlindex.htm;}location@router{rewrite^.*$/index.htmllast;}
A森森
·
2024-01-20 19:57
vue嵌套路由,二级路由使用介绍
vue-router
嵌套路由,二级子路由项目中如果都是一级路由,路由管理会有些乱。
Misnice
·
2024-01-20 14:09
vue
vue嵌套路由
vue二级子路由
vue二级路由跳转
vue路由
vue二级路由
Vue3-路由安装、配置与使用
一、安装routernpmivue-router二、创建router文件夹创建index.ts文件import{createRouter,createWebHashHistory}from'
vue-router
'constroutes
前端小卡拉米
·
2024-01-20 12:05
vue.js
javascript
前端
路由导航守卫控制页面访问权限
importVuefrom'vue'importRouterfrom'
vue-router
'importLoginfr
李小白呀
·
2024-01-20 11:27
Vue-router
路由传参及隐藏参数详解
1.路由跳转及传参形式vue中路由中需要传递参数的话可以用query和param传递,两者类似于get和post。先上路由配置文件(router/index.js)constroutes=[{path:'/chat',name:'Chat',component:Chat},]path方式跳转(query)Register//简写不传参this.$router.push('/chat')//全写传参
Bayi·
·
2024-01-20 01:10
vue.js
前端
Vue学习笔记——
vue-router
视频资源来自:b站coderwhy王红元老师——最全最新Vue、Vuejs教程,从入门到精通文章仅为个人观看视频后的学习心得笔记,用于个人查看和记录保存。文中定有疏漏错误之处,恳请指正。==箭头函数==:一种定义函数的方式//1.定义函数的方式:functionconstaaa=function(){}//2.对象字面量中定义函数constobj={bbb:function(){},bbb(){}
小910888
·
2024-01-19 20:15
路径传值params
/views/my.vue")}然后再页面写一下代码import{RouterLink}from"
vue-router
";import{ref}from"vue";constkobe=ref("传给my
paul jeorgh
·
2024-01-19 15:27
前端
javascript
html5
vue.js
vue-router
的配置
目录下创建一个router文件夹,里面建一个index.ts,router.ts然后我们就在index里面写一下代码import{createRouter,createWebHistory}from"
vue-router
paul jeorgh
·
2024-01-19 15:56
vue.js
javascript
前端
vue 如何合并两个 项目_Vue 项目中使用 webpack 将多个组件合并打包并实现按需加载...
必然要使用webpack或者Browserify进行打包,对于大型应用,为了提升加载速度,可以使用webpack的codesplitting功能进行分割打包,生成较小的模块并按需加载,这在Vue文档及
vue-router
weixin_39773239
·
2024-01-19 10:20
vue
如何合并两个
项目
react学习之路二:路由守卫-判断登录状态
以下内容全部是vue转react学习过程中的笔记,难免有错误,仅供参考一、vue的路由守卫
vue-router
提供了内置的APIrouter.beforeEach()在这个方法里面,我们可以判断登录状态来拦截路由的跳转二
qinleo007
·
2024-01-19 04:49
react.js
学习
javascript
<Articles v-if=“!loading“ :articles=“props.articles“ />的区分
问:import{onMounted,ref}from'vue'import{useRoute}from'
vue-router
'importArticlesfrom'..
fury_123
·
2024-01-19 01:06
javascript
vue.js
前端
Vue3前端h5移动端页面预览PDF使用pdfjs-dist,添加自定义文本水印
pdfjs-dist版本
[email protected]
{ref,onMounted,watch}from'vue'import{useRoute}from"
vue-router
Amodoro
·
2024-01-19 00:50
Vue
前端
vue3
h5预览PDF
h5预览pdf添加水印
pdfjs-dist
electron+vite+vue3 快速入门教程
handle(双向)4.3主进程向渲染进程发送事件三、窗口创建与应用事件四、技术栈和构建工具五、electron-vite安装1.环境要求2.安装3.快速安装4、目录结构5、公共资源和引用主进程引用公共资源6、
vue-router
pixle0
·
2024-01-18 22:33
electron
javascript
vue
前端框架
Vue-router
切换路由使用Transition达到过渡效果
router-view所在的组件代码结构过渡效果样式//.fade.fade-enter-active,.fade-leave-active{transition:opacity0.5sease;}.fade-enter-from,.fade-leave-to{opacity:0;}
躺平阿福
·
2024-01-18 22:21
工作记录
vue.js
javascript
前端
vue-router
有几种钩子函数?具体是什么及执行流程是怎样的?
一、写在前面之前对于
vue-router
的路由导航守卫不是很清楚,今天总结一下,并且总结一下执行的顺序。
卖菜的小白
·
2024-01-18 19:13
vue面试
vue-router
导航守卫
vue3
vue-router
钩子函数
全局路由守卫(vue-router4.0中将next取消了,可写可不写,returnfalse取消导航,undefined或者是returntrue验证导航通过)router.beforeEach((to,from)=>{}),next是可选参数,可写可不写,returnfalse是取消导航,如果返回值为true或者是undefined意味着通过验证(路由跳转之前拦截)router.afterEa
wyyyyy11
·
2024-01-18 19:43
路由守卫
vue.js
前端
vue
vue-router
的钩子函数
vue路由钩子大致可分为三类:1.全局钩子主要包括beforeEach和afterEach,beforeEach函数有三个参数to:router即将进入的路由对象from:当前导航即将离开的路由next:Function,进行管道中的一个钩子,如果执行完了,则导航的状态就是confirmed(确认的),否则为false,终止导航。否则为false,终止导航。afterEach函数不用传next()
勇敢牛牛,冲冲冲
·
2024-01-18 19:11
使用
vue-router
全局守卫钩子函数,根据登录状态进行路由拦截以及滚动条回到页面顶部
一、登录状态路由拦截1.首先安装
vue-router
依赖npminstallvue-router2.在main.js文件中,引入router,挂载到根节点上importrouterfrom'.
qq_36437172
·
2024-01-18 19:41
Vue
Router
vue-router
全局守卫钩子函数
登录状态
beforeEach
路由拦截
【vue3
vue-router
钩子函数】
vue3vue-router钩子函数全局路由守卫(vue-router4.0中将next取消了,可写可不写,returnfalse取消导航,undefined或者是returntrue验证导航通过)router.beforeEach((to,from)=>{}),next是可选参数,可写可不写,returnfalse是取消导航,如果返回值为true或者是undefined意味着通过验证(路由跳转之
秃头的小靓仔
·
2024-01-18 19:09
vue.js
javascript
前端
vue-router
的导航钩子
vue-router
中有7个钩子函数,主要分3类:全局钩子前置守卫:router.beforeEach;后置守卫:router.afterEach;全局解析守卫:router.beforeResolve
fansfanfan
·
2024-01-18 19:09
vue.js
javascript
前端
Vue 中
vue-router
的导航钩子函数
(1)全局的钩子函数beforeEach和afterEach,beforeEach有三个参数,to代表要进入的路由对象,from代表离开的路由对象。next是一个必须要执行的函数,如果不传参数,那就执行下一个钩子函数,如果传入false,则终止跳转,如果传入一个路径,则导航到对应的路由,如果传入error,则导航终止,error传入错误的监听函数。(2)单个路由独享的钩子函数beforeEnter
CjBkl
·
2024-01-18 19:08
vue
vue
vue-router
之路由钩子函数应用解析
vue-router
是vue开发中不可或缺的一部分,也是vue全家桶生态的重要部分,平时开发vue时会高频率使用,那么它除了在routes上的应用外,还有一些钩子函数具体可以应用在哪些地方呢路由的钩子函数共有
kirinlau
·
2024-01-18 19:37
vue.js
前端
javascript
vue3+vite+ts+pinia 后台管理项目总结
vite+ts构建项目基础框架,配置代码运行环境,对项目进行模块化划分,并集成element组件库、axios请求库;利用axios拦截器实现了权限校验,对系统的登入权限进行控制,避免了无效请求;利用
vue-router
子伟-H5
·
2024-01-18 17:15
javascript
前端
vue.js
Vue----Vue简介
框架:一套现成的解决方案vue全家桶:vue(核心库)、
vue-router
(路由方案)、vuex(
萤火虫的小尾巴
·
2024-01-18 16:53
Vue
学习笔记
前端
vue
vue.js
前端框架
Vuex 起步
如果你有使用
vue-router
经验的话,也知道组件的渲染除了直接引入,还有——路由视图可以渲染组件。props和this
爱妃给朕躺下
·
2024-01-18 14:59
如何使用
vue-router
在进入路由前给url加上参数
需求为需要在url每个路由上都加上channel字段next()与next('/')区别,前者不执行beforeEach导航钩子,后者会执行,故如果没有next()则会死循环to是要跳转的路由from是来自哪个路由//注册一个全局前置守卫,确保要调用next方法,否则钩子就不会被resolvedrouter.beforeEach((to,from,next)=>{//判断该页面有channelif
YellowPoint
·
2024-01-18 08:13
微信H5获取微信文章
iframe嵌套微信公众号文章-掘金(juejin.cn)大佬的import{useRoute}from"
vue-router
";import{getCurrentInstance}from"vue";
2333!!!!!
·
2024-01-18 04:11
微信
docker使用nginx部署vue刷新页面404
在网上查找问题原因和解决办法,但是大多数都说是资源找不到,让修改配置文件刷新页面时访问的资源在服务端找不到,因为
vue-router
设置的路径不是真实存在的路径。如
Azure++
·
2024-01-18 00:02
笔记
docker
nginx
vue.js
2019-08-22 v(手把手教学)vue3.0 项目中安装使用jquery
dependencies":{"jquery":"^3.4.1",///一定要有这个没有的话,手动添加"@antv/f2":"^3.4.1","core-js":"^2.6.5","vue":"^2.6.10","
vue-router
冬天的_太阳
·
2024-01-17 23:04
Vue实战:两种方式创建Vue项目
3、配置Node.js环境变量4、查看node版本5、查看npm版本6、安装VueCli脚手架7、查看VueCli版本(二)命令行方式构建Vue项目1、创建Vue项目目录2、安装axios模块3、安装
vue-router
howard2005
·
2024-01-17 14:08
Vue学习笔记
vue.js
前端
javascript
nginx配置中关于try_file的一些问题
1.出现的问题在前后端项目都部署完成后,项目后端项目正常,前端项目中的路由如下:importVuefrom'vue';importRouterfrom'
vue-router
';importHomefrom
程序员张同学
·
2024-01-17 11:44
nginx
前端TS项目中遇到过的难点(二)
12.根据关键字搜索通过双向数据绑定(v-model)和相关组件来完成如下效果.........import{useRouter}from"
vue-router
";//创建路由器对象let$router
Mangcun_tutu
·
2024-01-17 09:30
前端
解决若依Vue3前后端分离---路由切换时显示白屏
import{useRoute}from'
vue-router
';importiframeTogglefrom'./IframeToggle/ind
简单点了
·
2024-01-17 04:53
Vue
elementUi
vue.js
前端
javascript
es6导入导出语法,
vue-router
简单使用,登录跳转案例,scoped的使用
es6导入导出语法默认导出和导入导出语法只导出变量:exportdefaultname只导出函数:exportdefaultadd导出对象:exportdefault{name,add}exportdefault{name:"彭于晏",add:(a,b)=>{returna+b}}导入语法相对导入,相对于当前文件importlqzfrom'./lyz/utils'绝对导入--》开始导入的路径src
N10N11
·
2024-01-17 00:13
vue基础
vue.js
es6
javascript
vuex的初步使用-1
2.安装vuex安装vuex与
vue-router
类似,vuex是一个独立存在的插件,如果脚手架初始化没有选vuex,就需要额外安装。
盖盖衍上
·
2024-01-16 19:48
Vue
javascript
开发语言
ecmascript
Vue-router
中hash模式和history模式的区别
两种模式使用哪种都可以1hash模式下,仅hash符号之前的内容会被包含在请求中,如http://www.abc.com,因此对于后端来说,即使没有做到对路由的全覆盖,也不会返回404错误。(即它的特点在于:hash虽然出现在URL中,但不会被包括在HTTP请求中,对后端完全没有影响,因此改变hash不会重新加载页面。)2history模式下,前端的URL必须和实际向后端发起请求的URL一致,如h
Echo坚决不玩蹦极
·
2024-01-16 11:12
Vue.js 插件开发详解
比如官方推荐的
vue-router
、vuex等,都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段,比较少自己开发。所以接下来会通过一个简单的vue-toast插件,来了解掌握插件的开发和使用。
林鑫_
·
2024-01-16 11:48
vue.js
vue-js
插件
前端
Vue-router
执行流程分析
Vue-router
完整的导航解析流程:导航被触发在失活的组件里调用离开守卫调用全局的beforeEach守卫在重用的组件里调用beforeRouterUpdate守卫在路由配置里调用beforEnter
finlu
·
2024-01-16 08:34
Vue2-动态路由传参的基本用法
Vue2动态路由传参的基本用法的例子:首先,在路由配置文件(通常是router/index.js)中定义一个带有动态参数的路由路径:importVuefrom'vue';importRouterfrom'
vue-router
LxyingINGing
·
2024-01-16 01:04
vue
vue.js
javascript
前端
Failed to load resource: net::ERR_CONNECTION_TIMED_cdn.jsdelivr.net/npm/
[email protected]
/dist/vue.min.js‘
解决的话会补充后续...先讲讲为什么要用cdn,在我们的vue项目中,我们去访问系统,浏览器会自动下载vue、
vue-router
、vuex和axios等一些文件。但是下载的话会比较耗时,因为笔者
羊吖
·
2024-01-15 23:27
前端
Vue-Router
路径匹配与重定向
二、
Vue-Router
代码import{createRouter,createWebHashHistory}from'
vue-router
'importIndexfrom'~/pages/index.vue'importNOTFOUNDfrom
人民的石头
·
2024-01-15 17:18
前端
vue.js
javascript
前端
Vue-路由-配置
参考官网5个基础步骤(固定)下载VueRouter模块到当前工程,这里指定版本:
[email protected]
引入vue-routerimportVueRouterfrom'
vue-router
盖盖衍上
·
2024-01-15 09:00
Vue
vue.js
前端
javascript
Vue-路由-声明式导航
1.导航链接
vue-router
提供了一个全局组件router-link(取代a标签)能跳转,配置to属性指定路径(必须)。
盖盖衍上
·
2024-01-15 09:27
Vue
vue.js
前端
javascript
vue3 页面组件中获取上一个页面的路由地址
vue2中获取上个页面的路由地址是用
vue-router
的beforeRouterEnter钩子beforeRouteEnter(to,from,next){next(vm=>{//这里的vm就是vue
lucky_zouzou
·
2024-01-14 23:38
vue.js
前端
使用
vue-router
设置每个页面的title
进入router文件夹底下的index.js文件首先引入:importVuefrom'vue'importRouterfrom'
vue-router
'然后在路由里面配置每个路由的地址:routes:[{
泪滴在琴上
·
2024-01-14 21:31
Spring Boot 3 + Vue 3实战:实现用户登录功能
文章目录一、实战概述二、实战步骤(一)创建前端项目-login-vue1、创建Vue项目2、安装axios模块3、安装
vue-router
模块4、安装less和less-loader模块5、运行Vue项目
howard2005
·
2024-01-14 14:27
Spring
Boot
+
Vue
spring
boot
vue.js
用户登录
Vue router 采用 History 模式
vue-router
默认hash模式——使用URL的hash来模拟一个完整的URL,于是当URL改变时,页面不会重新加载。
谢大见
·
2024-01-14 02:01
Vue3中的路由以及钩子函数使用
version":"0.0.0","scripts":{"dev":"vite","build":"vitebuild"},"dependencies":{"vue":"^3.2.0-beta.7","
vue-router
DanceDonkey
·
2024-01-13 23:36
前端
vue
Vue3
生命周期
vue3安装 router 路由
安装路由cnpmivue-router在src文件夹下创建router/index.tsimport{createRouter,createWebHashHistory}from'
vue-router
'constrouter
前端小趴菜05
·
2024-01-13 19:24
javascript
前端
vue.js
Pinia 踩坑记录
store中如何使用router以user.ts这个store为例错误写法//说明:不能使用插件实例化router,否则获取不到router的函数//错误写法如下:import{useRouter}from"
vue-router
"actions
HaushoLin
·
2024-01-13 18:18
Pinia
javascript
前端
vue.js
笔记
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他