Vue-Router

踩坑继续之vue

vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，所以访问的时候自动在url上加了#/，，，真的气死我了，这个坑，找了我三个小时，之前一直不知道错在哪，很犹豫。
老街老街·2023-11-06 08:49

vue3 watch用法

1、监听路由变化import{ref,watch}from"vue"import{useRoute}from"vue-router"constroute=useRoute()constshowPage=
余温无痕·2023-11-06 01:11

vue 与 react，angular 优缺点对比

vueAPI设计上简单，语法简单，学习成本低构建方面不包含路由和ajax功能，使用vuex,vue-router指令（dom）和组件（视图，数据，逻辑）处理清晰性能好，容易优化基于依赖追踪的观察系统，并且异步队列更新独立触发
JamHsiao_aaa4·2023-11-05 21:33

路由跳转的两种方式及动态创建路由

跳转路由的方式,有两种1.声明导航1)跳转router-link是vue-router提供的一个全局组件router-link实质上最终会渲染成一个a标签,to属性等价于href属性(to不需要)router-link
桃雾..·2023-11-05 11:25

vue-router安装报错

遇到的问题在安装vue-router时发现如下报错：npmERR!codeERESOLVEnpmERR!ERESOLVEunabletoresolvedependencytreenpmERR!
qinqinzqq·2023-11-05 09:38

const originalPush = VueRouter.prototype.push // 重写了原型上的push方法，统一的处理了错误信息 VueRouter.prototype.pus...

原因分析在vue-router在3.1.0版本之后，push和replace方法会返回一个promise对象，如果跳转到相同的路由，就报promiseuncaught异常可以参考：vue-routerreleases
呼呼chen·2023-11-05 09:07

vue3路由跳转params传参接收不到？

一、之前的用法import{useRouter}from"vue-router";constrouter=useRouter();//提现记录constwithdrawalClick=(item)=>{
wyy爱学习·2023-11-05 07:15

Vue前端路由~满满的干货

文章目录目标目录路由的基本概念与原理路由后端路由SPA(SinglePageApplication)前端路由实现简易前端路由VueRoutervue-router的基本使用基本使用步骤路由重定向vue-router
weixin_46370867·2023-11-04 19:17

Vue-element-admin用户鉴权管理(路由+按钮级别)

定义router.js引入官方layout组件创建权限要求基页创建权限要求界面注册路由写一些公用路由方法importVuefrom'vue'importRouterfrom'vue-router'Vue.use
火腿肠烧烤大赛冠军·2023-11-04 07:07

Vue-router源码-各原理简单总结

1，初始化初始化之前，首先要通过importVueRouter导入，说明VueRouter也是一个对象。通过源码看到，在newVue()的时候，将实例化的router对象传入，然后与vuex同样的原理，利用data实现响应式，在Vue.use调用router对象的install方法时初始化，注册插件，将插件存入installedPlugins中保证不会重复注册，挂载到全局，同样也是借助before
wjs0406·2023-11-04 04:07

vue-router 解决动态addRoute 后 router.back 失效

登陆前的固定路由letrouter=newRouter({routes:fixedRouter,base:process.env.BASE_URL});登陆后的动态路由function$addRoutes(arr){router.matcher=newRouter({routes:fixedRouter,base:process.env.BASE_URL}).matcher;for(leti=0;
时间_7436·2023-11-04 02:08

Vue全家桶

构建工具vue-cli，路由vue-router，状态管理vuex，http请求工具vue-resource，再加合适的UI组件库，就可以实现一个完整的前端工程项目。
CC前端手记·2023-11-04 00:19

vue给嵌入的网页传参_Vue页面跳转传递参数及接收方式

典型应用场景：列表页跳转到详情页一、配置路由文件路径：src/router/config.phpimportVuefrom'vue'importRouterfrom'vue-router'importclassifyfrom
黄心检·2023-11-03 14:33

Vue知识框架

Vuejs知识量化一、邂逅/uejs二、Vue基础语法三、组件化开发四、VueCL洋解五、vue-router六、Vuex详解七、网络封装八、项目实战内容概述.pngimage.pngVue(读音/vjuː
醉少_1·2023-11-03 09:39

前端面试题九@杨志刚

换句话说，vue-router就是WebApp的链接路径管理系统。
抱以恶意·2023-11-03 04:54

Vue3实现好看的登录页面

效果地址http://123.249.113.0:8088/#/代码：考勤管理信息系统import{onMounted,ref}from"vue";import{useRouter}from"vue-router
万物得其道者成·2023-11-02 23:32

Vite 搭建 Vue2 项目（Vue2 + vue-router + vuex）

Vite先让我说几句废话。在写本文时Vite没有提供Vue2的创建方式。相信有些开发者还没开始学Vue3，但又想尝尝Vite。那可以参考本文的进食方式。如果心急的话，“0、简介”可以跳过。0、简介在写本文时，Vite默认不提供Vue2项目的创建方式。使用Vite创建出来的Vue项目，暂时都是Vue3的。Vite是构建工具的高阶封装。它的内部其实是Rollup。Vite是尤雨溪随着Vue3正式版一起
德育处主任·2023-11-02 15:46

vue-router

使用vue.js,我们可以通过组合组件来组成应用程序，当你要把vue-router添加进来，我们需要做的是将组件components映射到路由routes,然后告诉vue-router在哪里渲染它们导航守卫全局守卫
悠哈121·2023-11-02 14:18

Vue 学习笔记1——前端发展史

Vue的核心库只关注视图层（HTML+CSS+JS），不仅易于上手，还便于与第三方库（如:vue-router:跳转，vue-resource:通信，vuex:管理）或既有项目整合。
扎克风暴·2023-11-02 08:41

window.open父子页面自定义事件通信

我们在vue项目中，使用vue-router跳转的时候，在某些需求中可以使用router.resolve({path:'/test'})，返回一个返回一个路由地址的规范化版本，其中包含href属性，那我们就可以使用
会说法语的猪·2023-11-02 08:41

Element + Vue 实现表格本地分页（涉及标签 'el-pagination' 和 Vue的 mixins混入属性）

一、版本说明"element-ui":"^2.5.4","vue":"^2.5.2","vue-router":"^3.0.7"二、封装mixins需要的文件，即分页中需要的属性和方法2.1、src目录下
窩窩頭·2023-11-02 07:28

Vue-Router实现前端页面缓存

一、使用情景在使用Vue开发单页面应用时，我们通常会使用Vue-Router进行页面导航，Vue-Router在进行路由切换的时候，页面是会重新加载，对应的生命周期函数也会再次执行一遍，但是在有些业务场景下
桃花谷主V·2023-11-02 03:56

vue-router自学笔记

router，在实例中引入newVue({el:'#app',router,render:h=>h(App)})router中配置导入importVuefrom'vue'importRouterfrom'vue-router
weixin_42642756·2023-11-02 02:31

vue-router 路由基本加载

安装在目标文件夹中npminstall--savevue-router引用在main.js中importrouterfrom'vue-router'Vue.use(router)3.配置路由文件，并在vue
gzy_a5a4·2023-11-02 01:03

vue刷新当前路由 router-view复用组件不刷新

router-view中的key来达到刷新组件的目的，我现在用的就是这种方法（因为我使用的按需加载，所以加载组件也不会加载所有界面）3、还有一种官方文档的方法beforeRouteLeave在组件内直接使用，前提是你用了vue-router
李早晨_小前端·2023-11-02 00:39

uniapp路由传参使用密文_uni-app 的router方案 （大佬写的插件，借用一下并宣传）...

uni-simple-router一个更为简洁的Vue-router，专为uni-app量身打造简介说明:是否你也曾感叹过为啥官方就不搞一个类似直到此插件出来之前也没有一个更好的解决方法。
weixin_39984982·2023-11-02 00:00

vue-router原理分析与实践

关于VueRouter的使用就不做过多介绍了,大家可以前往VueRouter官网去学习哦~vue-router插件的基本使用importVuefrom'vue'impo
老鱼的储物柜·2023-11-01 23:03

vue封装个日历，样式参考vant

day.date&&day.date.getDate()}}今importHeaderfrom"@/components/header/Header.vue";import{useRouter}from'vue-router'importFloatIconsfrom
菜鸟书生·2023-11-01 22:22

Vue课堂笔记

Vue的核心库只关注视图层，方便与第三方库（如：vue-router:跳转，vue-resource:通信，vuex:管理)或既有项目整合。
你对月慕几許·2023-11-01 17:33

router锚点和html锚点,hash模式下Vue-router页面返回锚点（scroll behavior）实现

Vue-router的ScrollBehavior可以用于解决这个问题，但是只能应用在HTML5history模式。本文实现了在hash模式下的锚点跳转。
weixin_39776298·2023-11-01 10:09

Vue router 模式 hash 和 history

目录Vuerouter基本使用Vue-router传参hash模式Vue-routerhashhistory模式Vuerouter基本使用用Vue+VueRouter创建单页应用非常简单：通过Vue.js
安之若素づ·2023-11-01 10:09

vue-router hash模式

URL中的hash（井号）1.#的含义#代表网页中的一个位置，其右边的字符，就是该位置的标识符。比如http://www.example.com/index.html#print就是代表index.html中的print位置。浏览器会自动把print位置滚动到页面可视区域内。设置方法：step1：设置一个锚点定位到print位置step2：在页面需要定位的内容加上id="print"。例如：测试：
我又懂了·2023-11-01 10:38

vue-router的hash模式

Hash符号即#原本的目的是用来指示URL中指示网页中的位置，例如https://www.example.com/index.html#print即代表example的index.html的print位置，浏览器读取这个URL后，会自动将print位置滚动至可视区域，通常使用a标签的name属性或者div标签的id属性指定锚点。通过window.location.hash属性能够读取锚点位置，可以
ohmorning·2023-11-01 10:38

vue-router 锚点跳转

1.template//导航栏部分MagnifyGlassLouveredDoor//视窗部分设置视窗2.methodsmounted(){this.onToAnchor();},methods:{onToAnchor(){constshowContainer:any=this.$refs.ShowContainer;consttarget=showContainer.querySelector(
鲨鱼辣椒️面·2023-11-01 10:38

vue-router实现(hash模式与history模式)

核心代码：Main.js:importVuefrom'vue'importRouterfrom'vue-router'//Vue.use可以传入对象和函数//传入函数：直接调用这个函数//传入对象：调用该对象的
Donmind29·2023-11-01 10:06

vant组件库tabbar页面切换，跳转子页面tabbar隐藏，子页面跳转

目录：App.vue:PastPresentFeaturerouter->index.js:importVuefrom'vue'importVueRouterfrom'vue-router'importPastfrom
Ann_R·2023-11-01 06:01

前后端分离项目实战（vue2.0 + SSM）

介绍前端：vue.js、elementUI、axios、vue-router后端：SSM（Spring+SpringMVC+MyBatis）数据库：MySql运行界面后端登录界面首页以及其他页面（部分展示
@李优秀·2023-11-01 01:16

Vue中this.$xx的使用,如$refs,$props,$children,$el,$options

==>$options在vue项目中开发中,多数要把其他对象的实例放入vue中，如vue-router,vuex,这些属性如何获取？
米 柴·2023-11-01 01:54

vue bootstarp 左侧导航栏可收缩，移动端适配成滑入画板导航栏布局

依赖"bootstrap":"^4.4.1","bootstrap-vue":"^2.2.2","vue":"^2.6.11","vue-router":"^3.1.3",也可以不用bootstrap-v
一颗数据小白菜·2023-11-01 00:44

vue-router学习(一) --- 基础使用

文章目录安装初始化挂载使用安装npminstallvue-router@4使用Vue3安装对应的router4版本。使用Vue2安装对应的router3版本。否则会有兼容问题报错。初始化在src目录下面新建router文件然后在router文件夹下面新建index.ts//引入路由对象import{createRouter,createWebHistory,RouteRecordRaw}from'
邱先生~·2023-10-31 23:40

vue-router学习(二) --- 常用功能

文章目录命名路由编程式导航路由传参路由接收参数动态路由传参嵌套路由命名视图重定向、别名、返回重定向1.字符串形式2.对象形式3.函数模式（可以传参）别名返回路由元信息滚动行为命名路由对路由设置name属性，为了方便路由的跳转，如果单纯的通过path跳转，一旦path的值过长，或者路由嵌套很深，会显的很乱维护也比较麻烦。constroutes:Array=[{path:"/",name:"Login
邱先生~·2023-10-31 23:40

vue-router学习(四) --- 动态添加路由

我们一般使用动态添加路由都是后台会返回一个路由表前端通过调接口拿到后处理(后端处理路由)。比如不同权限显示不同的路由。主要使用的方法就是router.addRoute添加路由动态路由主要通过两个函数实现。router.addRoute()和router.removeRoute()。它们只注册一个新的路由，也就是说，如果新增加的路由与当前位置相匹配，就需要你用router.push()或router
邱先生~·2023-10-31 23:40

vue-router学习(三) --- 导航守卫

文章目录全局导航守卫路由独享导航守卫组件内的守卫完整的导航解析流程loadingBar案例全局导航守卫beforeEachbeforeResolveafterEach路由导航守卫beforeEnter组件导航守卫beforeRouteEnterbeforeRouteUpdatebeforeRouteLeave全局导航守卫当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在
邱先生~·2023-10-31 23:30

vite+vue3路由切换滚动条位置重置el-scrollbar

vite+vue3路由切换滚动条位置重置使用原生滚动条使用el-scrollbaruseRoute和useRouter当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样，vue-router
anjushi_·2023-10-31 20:25

Vue-Router路由使用详解（二）

文章目录1.路由守卫2.路由元信息3.过渡动效4.数据获取5.滚动行为6.路由懒加载7.导航故障1.路由守卫全局前置守卫全局前置守卫的应用场景之一就是在触发路由跳转后，对其拦截判断是否登陆或登陆是否失效，根据判断结果进行处理。router.beforeEach((to,from,next)=>{//进行逻辑判断，democonstisLogin=localStorage.getItem("isLo
小于___·2023-10-31 19:24

随记 VUE

=>react2013(facebook)=>vue2014(尤雨溪)vue：用于构建用户界面的渐进式JavaScript框架/数据驱动视图vue的高级功能：解耦试图和数据、可复用的组件、前端路由技术vue-router
小草莓蹦蹦跳·2023-10-31 14:54

Vue2使用vue-router初始化项目

Vue2使用vue-router初始化项目**项目版本号**[email protected]@3.6.5在components中创建Main.vue文件，输入页面要显示的内容：这是Main组件exportdefault
Hrational·2023-10-31 12:12

Vue之路由跳转，query传参，子路由，路由模式--hash&history，VueRouter router route三者区别区别

路由跳转后端路由:对于前端的网络请求,不同的pathname,去执行后端的不同业务前端路由:不同的网址对应各自的页面vue的前端路由:SPA应用要做出路由效果,就得判断当前网址,然后切换组件vue-router
初夏半微凉·2023-10-31 11:52

路由vue-router

文章目录一、前端路由的概念与原理1、什么是路由2、SPA与前端路由3、什么是前端路由4、前端路由的工作方式5、实现简易的前端路由二、vue-router的基本用法1、什么是vue-router2、vue-router
步步生花@苏殿主·2023-10-31 07:16

Vue中如何配置路由

Vue中如何配置路由在json数据中加入路由配置"dependencies":{"vue-router":"^3.0.1"},在main.js中也将路由加入importrouterfrom'.
念_ae7b·2023-10-30 18:17
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他