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中的
vue-router
标签:例如:跳转说明:open-type指定跳转方式:与JS跳转方式一一对应值说明navigate对应wx.navigateToredirect
姚杰丶
·
2024-01-28 19:07
mall 项目随笔
项目介绍技术栈Vue2.0(核心框架)Vue-CLI4.0(Vue脚手架)
Vue-Router
(SPA页面路由)Vuex(状态管理)Axios(网络请求)ES6(JavaScript语言的下一代标准)Less
coderlion
·
2024-01-28 13:39
VUE中,跳转页面之前判断并显示弹框组件
有空我在完善,先直接给出代码代码使用了elementplus、vuex案例代码路由文件import{createRouter,createWebHistory}from'
vue-router
';importCommonEntryfrom
fendouweiqian
·
2024-01-28 12:24
vue.js
前端
javascript
react-router6使用高阶组件实现路由守卫
熟悉的Vue的朋友都知道,
Vue-router
中有大量钩子函数,包含组件声明周期的,路由的等,但在react中,没有路由钩子函数,需要自己去实现,最简单方法就是使用高阶组件,那什么是高阶组件呢?
渔舟唱晚@
·
2024-01-28 08:24
react.js
javascript
ecmascript
vue3常用代码:监听路由|mitt、project/inject无效|防抖函数|下载函数
监听路由import{useRoute}from"
vue-router
";letrouter=useRoute();watch(()=>router.path,(newValue,oldValue)=>
PBitW
·
2024-01-28 03:49
vue3
常用代码
vue3监听路由
mitt无法使用
provide无法使用
防抖函数封装
下载函数封装
Vue 学习
参考网址Vue:https://cn.vuejs.org/v2/guide/
Vue-router
:https://router.vuejs.org/zh/Vuex:https://vuex.vuejs.org
BGING
·
2024-01-28 00:43
动态路由的使用
登录页面login.vue登录import{login}from"@/api/login";import{useRouter}from"
vue-router
";constrouter=useRouter
你的美,让我痴迷
·
2024-01-27 08:06
javascript
开发语言
ecmascript
/node_modules/
vue-router
/dist/vue-router.esm-bundler.js “export ‘watchEffect‘ was not
1.问题利用vuecli新建vue2项目,安装
vue-router
后浏览器控制台报错:UncaughtTypeError:Object(…)isnotafunction终端这边爆warningin.
大大。
·
2024-01-27 01:45
vue相关
javascript
vue.js
前端
vue报错 NavigationDuplicated: Avoided redundant navigation to current location:
你可以在router的配置文件index中写入以下代码importVueRouterfrom'
vue-router
';constoriginalPush=VueRouter.prototype.pushVu
yasuo56
·
2024-01-26 17:05
vue.js
javascript
前端
Vue2学习之第六、七章——
vue-router
与ElementUI组件库
1.基本使用安装
vue-router
,命令:npmivue-router应用插件(在main.js中)://引入VueimportVuefrom'vue'//引入所有组件的父组件AppimportAppfrom
吃一口你的梦。
·
2024-01-26 10:42
学习
vue.js
前端
关于vue的动态路由
/store';importVueRouterfrom'
vue-router
';importNProgressfrom'nprogress';import'nprogress/nprogress.css
前端专业写bug
·
2024-01-26 10:06
vue.js
javascript
前端
vueRouter中scrollBehavior实现滚动固定位置
vue-router
能做到,而且更好,它让你可以自定义路由切换时页面如何滚动。注意:这个功能只在HTML5history模式下可用。
亮学长
·
2024-01-26 09:05
vue-router
Module not found: Error: Can‘t resolve ‘
vue-router
‘ in
用到
vue-router
记得安装npmivue-router@3.5.2-S有人说删除node_modules,试过了并没有什么用,还是原本就没有安装
沉成晨城
·
2024-01-25 21:33
笔记
vue.js
前端
Vue-cli中报错Module not found: Error: Can‘t resolve ‘
vue-router
‘
看了一下我的代码没有问题,然后打开bilibili视频评论看来其他大佬的解决方法使用npminstall--savevue-router@3安装3.6.5版本的,结果可以运行困扰我好几个小时的问题终于解决了,感谢这位大佬
木兮_木兮
·
2024-01-25 21:03
cmd
vue.js
javascript
前端
vue 解决:Module not found: Error: Can‘t resolve ‘
vue-router
‘ 的问题
1、问题描述:其一、报错为:Modulenotfound:Error:Can'tresolve'
vue-router
'中文为:找不到模块:错误:无法解析“
vue-router
”其二、问题描述为:根据报错的中文信息可知
狮子座的男孩
·
2024-01-25 21:59
#
前端所遇问题栏
vue.js
前端
javascript
经验分享
vue-router
前端框架
Error
面试 Vue 框架八股文十问十答第十期
⭐1)
Vue-Router
的懒加载如何实现
Vue-Router
的懒加载可以通过使用动态import()函数来实现。
程序员小白条
·
2024-01-25 19:50
Vue八股文
面试
vue.js
职场和发展
javascript
前端
前端框架
项目实战
vue项目中路由懒加载的三种方式
1.vue异步组件技术====异步加载
vue-router
配置路由,使用vue的异步组件技术,可以实现按需加载.但是,这种情况下一个组件生成一个js文件/*vue异步组件技术*/{path:'/home
张不大了
·
2024-01-25 14:32
vue
vue.js
前端
vue-router
实现原理1)
vue-router
会通过监听window对象的hashchange事件来捕获URL的变化。2)当URL的hash值发生变化
前端碎碎念
·
2024-01-25 12:10
面试
vue.js
前端
javascript
Vue-Router
路由携带参数跳转3种方式大全,刷新页面参数不丢失,不显示到地址url中
此博客将详细介绍
Vue-router
传参的方法大全,以及如何刷新页面参数不丢失且不拼接到url中。
coderYYY
·
2024-01-25 00:10
前端
Vue
vue.js
javascript
前端
系统性学习vue-vue-router
vue-router
路由的简介SPA路由路由的基本使用安装引入使用标签式编程式注意嵌套(多级)路由路由传参query参数params参数命名路由路由的props配置router-link的replace
aqiu~
·
2024-01-24 20:41
vue
vue.js
前端
vue3.0路由route/router的使用
注意
vue-router
版本,我用的是"
vue-router
":"^4.0.0-alpha.6"官网的使用步骤//1.Defineroutecomponents.
小阮的学习笔记
·
2024-01-24 18:25
vue
vue-实战去哪儿项目
运行项目npminstallnpmrundev项目展示项目涉及到技术栈:vue:Vue、
Vue-router
、Vuex、Vue-cli插件:vue-awesome-swiper、better-scrollAxiosCSS
唐人不自醉
·
2024-01-24 18:18
Vue路由模式
为了构架单页面应用,需要引入前端的路由系统
Vue-router
。
前端小阿坤
·
2024-01-24 14:01
vue | 判断移动端还是pc端渲染不同的页面
1.在router中配置两个不同的路由地址入口,importVuefrom'vue'importRouterfrom'
vue-router
'importHomefrom'..
一把伞骨
·
2024-01-24 09:35
Vue关于router-view的使用和部分代码
//一般情况可能就的写法,但是还有像的写法,然后展示其中的数据和内容,简称视图//那么他们的区分首先
vue-router
里面对应的js文件的命名有很大区别components:{//渲染命名视图side
- 瑾♛年
·
2024-01-24 06:59
vue.js
前端
javascript
Vue关于router-link的使用和部分代码
//使用router-link和a标签差不多,重点是在
vue-router
中需要在对应的js文件中createRouter里面配置path的路径和createWebHistory(createWebhashHistory
- 瑾♛年
·
2024-01-24 06:29
vue.js
前端
javascript
vue-route路由详解
根据请求路径找到匹配的函数来处理请求,返回响应数据前端路由:value是component,用于展示页面内容工作过程:当浏览器的路径改变时,对应的组件就会显示,前端路由指的是hash地址与组件之间的对应关系
vue-router
前端fighter
·
2024-01-24 03:34
vue.js
前端
javascript
自定义插件
vue-router
简单实现hashRouter设计思路
步骤1.挂载vue.prototype.$router2.声明两个组件router-viewthis.$router.current=>component=>h(component)router-linkh('a',{attrs:{href:'#'+this.to}},this.$slots.default)3.url的监听:windowhashchange的改变4.定义响应式current,de
Goat恶霸詹姆斯
·
2024-01-24 02:26
vue.js
javascript
前端
3、
vue-router
之什么是编程式路由
什么是编程式路由呢?就是通过写js代码来实现页面的跳转1.[图片上传失败...(image-672a77-1551253249532)]router.push({path:'name'});首先我们来讲讲简单的,上面两个方法记住,等效的。①还是在test.vue组件里面写个div并给它添加一个click跳转事件:②在view文件下新建一个goods.vue③在router中引入这个goods组件④
world_7735
·
2024-01-23 19:20
vue中keep-alive的理解和使用
但keep-alive是vue本身提供的组件,而并非
vue-router
提供。它支持对普通组件和路由组件的缓存。实现原理:keep-alive实现原理是:渲染一个组件时,根据组件(通过cons
小玲子小玲子
·
2024-01-23 14:40
vue.js
前端
keep-alive
vue路由懒加载及组件懒加载
三、使用常用的懒加载方式有两种:即使用vue异步组件和ES中的import1、未用懒加载,vue中路由代码如下importVuefrom'vue'importRouterfrom'
vue-router
'importHelloWorld
不行了快拦住我
·
2024-01-23 04:11
路由的使用
以下是一个示例代码,展示了Vue.js路由的用法://引入Vue和VueRouterimportVuefrom'vue'importVueRouterfrom'
vue-router
'//导入组件importHomefrom
我爱学习yq
·
2024-01-22 23:19
vue.js
javascript
前端
vue3-路由配置
进行路由配置import{createRouter,createWebHistory}from'
vue-router
'importLoginfrom'@/views/Login/index.vue'importLayoutfrom
是老虎是狮子不是大象
·
2024-01-22 17:59
vue
vue.js
前端
audio的使用
播放停止import{ref,onMounted}from'vue';import{useRouter}from"
vue-router
";constrouter=useRouter()constaudioRefs
paul jeorgh
·
2024-01-22 17:29
javascript
前端
开发语言
解决element-ui el-menu跳转,导航不高亮或没有选中问题
场景:使用elementuiNavMenu导航菜单,跳转到子页面,导航不高亮解决方案1、使用default-active绑定计算属性2、使用
vue-router
的模式,启用该模式会在激活导航时以index
jia林
·
2024-01-22 16:33
vue-router
路由创建简单流程
文章目录前言一、什么是路由?二、使用步骤1.创建项目2.安装路由3.创建文件1.HelloWorld.vue文件2.Test.vue文件3.index.js文件4.main.js文件5.App.vue文件三.运行项目1.在项目文件下打开cmd,输入yarnserve2.打开浏览器,访问http://localhost:8080/3.点击HelloWorld,页面无需刷新,跳转至http://loc
李子木、
·
2024-01-22 12:20
学习记录
vue
web
vite 创建项目流程 + vue3学习
npmi初始化项目npminstallvue-router安装路由新建router文件创建index.js内容:import{createRouter,createWebHashHistory}from"
vue-router
weixin_heye
·
2024-01-22 12:50
vue.js
javascript
前端
使用Vue+ElementUI搭建属于自己的个性博客
博客介绍前端页面纯使用VUE+VUEX+ElementUI框架,请求使用axios,路由使用
vue-router
,及其他优秀小插件完成,完全抛弃了Html以及Jquery,搭建一套完全属于自己的个性博客
zhua.er
·
2024-01-22 02:13
Vue
vue
elementui
Vue-Router
: 如何在Vue应用程序中使用编程式导航?
Vue-Router
是Vue.js官方提供的路由管理器。它可以让我们在应用程序中管理页面之间的路由映射关系,实现单页应用的效果。在
Vue-Router
中,导航分为两种:声明式导航和编程式导航。
忧郁的蛋~
·
2024-01-22 01:29
前端技术
vue.js
前端
javascript
Vue-Router
: 如何使用路由钩子函数来处理路由变化
Vue-Router
是Vue.js官方的路由管理插件,它能够帮助我们在Vue.js应用中实现单页应用的路由功能。
忧郁的蛋~
·
2024-01-22 01:27
前端技术
vue.js
前端
javascript
2019-10-25 - Vue - router
源自:https://router.vuejs.org/zh/HTML5History模式
vue-router
默认hash模式——使用URL的hash来模拟一个完整的URL,于是当URL改变时,页面不会重新加载
小火球烧屁股
·
2024-01-21 18:42
浪花 - 主页开发
一、简易版主页1.主页展示用户列表{{tag}}联系我import{useRoute}from'
vue-router
'import{onMounted,ref}from"vue";importmyAxiosfrom
乐小鑫
·
2024-01-21 03:47
浪花
-
前端
浪花
-
后端
前端
后端
java
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
前端
上一页
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
其他