Vue-router

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

vue 路由懒加载，图片懒加载，组件懒加载

1.路由懒加载方法一：import{createRouter,createWebHistory}from'vue-router';constHome=()=>import('.
LL1018。·2023-10-30 05:35

vue、react、angular三大框架对比 && 与jQuery的对比-已整理

而vue的vuex和vue-router都是尤雨溪在维护的。1、都在使用Vir
PrinciplesMan·2023-10-30 01:07

elementPlus | el-tabs 标签管理路由页面

import{useRouter}from'vue-router'constrouter=useRouter()consttabClick=(tab)=>{constidx=tab.indexif(idx
要加油哦～·2023-10-29 18:00

Vue学习Day06

vue-router的基本用法1.什么时vue-routervue-ro
胡萝卜的侠客梦all·2023-10-29 10:04

vue如何使用路由拦截器

下面是一个示例：importVuefrom'vue'importRouterfrom'vue-router'importLoginfrom'@/views/Lo
&ACE&·2023-10-29 09:49

Vue 扩展插件、双大括号表达式、强制数据绑定、绑定事件监听、计算属性、监视属性、计算属性高级、class 与 style 绑定、条件渲染、列表渲染

1、Vue扩展插件：*vue-cli:vue脚手架*vue-resource(axios):ajax请求*vue-router:路由*vuex:状态管理*vue-lazyload:图片懒加载*vue-scroller
Neversaybye不放弃·2023-10-29 07:25

配置router路由

npminstallvue-router@4--save创建src/router/index.tsimport{createRouter,createWebHistory,RouteRecordRaw}from"vue-router
漂移的电子·2023-10-28 16:24

vue项目中页面跳转传参的方法

在Vue项目中，你可以使用路由（vue-router）来实现页面跳转并传递参数。下面是一些常用的方法：使用路由的params属性：在目标页面的路由配置中，设置props:true来启用参数传递。
无妄的罪·2023-10-28 12:03

解决Vue跳转到当前路由报错问题

但是因为内容不多，我将一些内容写在了同一个二级页面通过一个参数来区分当前显示的什么内容）-页面路由不变，params改变，这个时候因为router页面栈中已经存在了一个当前页面，此时再push一个当前路由就会报错vue-router
ys_healone·2023-10-28 10:43

删掉以后，又说data没有定义，Uncaught ReferenceError: Data is not defined，router下index.js里到底应该是怎样

import{createRouter,createWebHashHistory}from"vue-router";importHomefrom"..
hamimelon2020·2023-10-28 10:07

electron-vite-vue打包完，vue-router报错exports is not defined

问题描述开发环境是可以正常使用vue-router的，但打包后electron控制台出现UncaughtReferenceError:exportsisnotdefined报错找了下是vue-router
永远不会太晚·2023-10-28 10:35

在使用Vue开发中，遇到 vue-router报错Uncaught (in promise)

在使用Vue开发中，经常会遇到vue-router报错Uncaught(inpromise)，这是一个警告，造成这个问题的主要原因是，路由发现已经在当前的路由地址，还继续给这个路由地址跳转。
小小程序猿（升级中）·2023-10-28 10:34

“@/“路径是什么意思？

在vue的项目中，我们会遇到importVuefrom'vue'importRouterfrom'vue-router'importsearchinputfrom'..
做李的英雄·2023-10-28 07:31

React飞行日记(二) -邂逅React

如果只想使用其中几个功能,但是需要引入一个庞大的框架,过于臃肿,这时候渐进式框架的特点就来了特点:能够把各个功能进行拆分,让用户自己组合功能,想要什么功能就拿什么全家桶渐进式框架N多种部分的组合比如Vue全家桶:Vue/Vue-router
狄鸠·2023-10-28 06:54

被vue-router之router.addRoute 卡了两天

bd0b190a41c3ef9e7adbe98ebdc8e80.png6c23334a4b1948bf4a47e44d84dc742.png20c50f6e8aa977ffb34c9406ed23f78.pngf8baf298f8ebe3db3af69e46eeb2905.png468b3319526ba672942b4168a237628.pngc699eaea26391a3d48eba8150
royluck·2023-10-28 04:10

vue路由篇

什么时候使用前端路由前端路由有什么优点和缺点前端路由实现原理hash模式hash路由的实现HTML5History模式VueRouter的介绍简介官网安装VueRouter的使用步骤在浏览器中的使用第一步：安装vue-router
萧寂173·2023-10-28 02:13

路由器 ajax vuex

vue-router:路由如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安装路由功能：在你的文件夹下的src文件夹下的main.js文件内写入以下代码动态路由匹配我们经常需要把某种模式匹配到的所有路由
徒做嫁衣·2023-10-27 21:34

vue3 优雅的在 jsx 中使用动态组件 component

想必用vue撸过后台的同学们都有经历过，侧边导航栏结合vue-router的无限层级渲染。但是vue3所推崇的按需引入加上element-plus的icon组件变化。
Only Double J·2023-10-27 18:28
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他