vue-router

vue-router中params和query的区别

从路由中获取参数，一般有两种方式：this.router.paramsparams--动态路由image.png--命名的路由//地址栏中显示router.push({name:'user',params:{userId:'123'}})//->/user/123constuserId='123'router.push({name:'user',params:{userId}})//->/user
西瓜古古丫·2023-06-13 01:56

前端路由、vue-router常见用法、路由重定向、动态路由匹配、声明式导航 & 编程式导航 、导航守卫

前端路由、vue-router常见用法、路由重定向、动态路由匹配、声明式导航&编程式导航、导航守卫前端路由的概念与原理前端路由vue-router的基本使用vue-router的常见用法路由重定向动态路由匹配声明式导航
前端学习@·2023-06-12 22:23

vue-router使用

vue3项目中）（1）安装路由包（2）在单独的文件中配置路由方便管理及引入全局使用import{createRouter,createWebHashHistory,RouteRecordRaw}from'vue-router
m0_45127388·2023-06-12 19:38

vue-router的实现原理hash/history、导航守卫、导航解析流程

文章目录一、SPA与前端路由二、vue-router实现原理（模式）hash模式history模式三、vue-router中的route和router四、vue-router有哪几种导航守卫全局守卫路由独享的守卫路由组件内的守卫
baby加油_·2023-06-12 15:55

vue项目启动后，页面全空白，并报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)

问题：vue项目启动后，页面全空白，并报错：UncaughtTypeError:Cannotreadpropertiesofundefined(reading‘install’)解决方案：原因：vue-router
猫饭_ACE·2023-06-12 13:24

【vue】vue-router的base和vue.config.js的publicPath区别和联系:

文章目录一、vue-router中base和vue.config.js中publicPath的联系：二、vue-router的base和vue.config.js的publicPath区别和联系一、vue-router
Sun Peng·2023-06-12 12:15

vue路由

根据改变渲染不同的组件基本使用下载安装路由npminstallvue-router创建路由表(项目下的一个router.js文件)引入vue和vue-routerimportvuefrom'vue'importvueRouterfrom'vue-router
jie_han·2023-06-12 12:38

5.30作业

再通俗的说，vue-router就是WebApp的链接路径管理系统。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
Empathys·2023-06-12 07:30

Vue 打包优化之 externals 抽离公共的第三方库

使用@vue/cli脚手架构建的Vue全家桶项目，默认配置下，打包后会把vue、vue-router、axios、vuex、element-ui、echarts等公共库打包在一起，导致基础chunk、vendor
天問_·2023-06-12 07:26

微信小程序（uniapp路由、运行环境判断、平台判断、网络请求、uView组件库、uView中骨架屏使用）

所以uni-app的路由用法与VueRouter不同，如仍希望采用VueRouter方式管理路由，可在插件市场搜索Vue-Router。​
回忆见、·2023-06-12 07:44

5.10 Vue配置路由(vue-router)

Vue配置路由vue-router目录一、路由vue-router概述二、配置步骤1.安装VueRouter2.安装确认2.引入vue-router并使用3.注入router4.新建视图文件夹和文件5.
ibun.song·2023-06-11 07:48

前端路由原理及实现

前端路由原理及实现vue-router的原理介绍vue-router的两种模式router简单实现vue-router的原理介绍简单概括，当使用$router.push、$router.replace时
飞飞飞鱼·2023-06-11 04:03

Vue3 & app.use 与 install 函数的作用

createApp}from'vue'importAppfrom'@/App.vue'constapp=createApp(App)app.mount('#app')exportdefaultapp如果我们需要引入vue-router
cookcyq·2023-06-10 21:42

个人向-Vue快速入门

数据双向绑定6.vue组件7.axios异步通信8.计算属性9.插槽slot10.自定义事件内容分发三、Vue-cli(vue脚手架)1.初始化2.idea安装Vue插件没有Vuecomponent选项四、vue-router
初入编程的薯条·2023-06-10 11:08

H5页面在微信浏览器中遇到的问题

1.ios微信浏览器访问h5页面，url不改变使用vue-router的路由跳转方式，ios用微信浏览器自带的复制链接或者分享功能，始终是第一个进入页面的地址，Android会跟据路由跳转更新地址使用window.location.herf
木子昔兮·2023-06-10 08:27

NPM环境安装

1.6、显示所有配置信息1.7、查看npmrc1.8、检查一下镜像站行不行命令1.9、更新npm二、webpack安装步骤2.1、本地安装2.2、全局安装三、测试NPM安装vue.js四、测试NPM安装vue-router
用生命研发技术·2023-06-10 07:37

vue打包优化

的打印输出开发版使用依赖项，生产版使用在线CDN项目打包及配置1.路由懒加载使用import()函数引用路由组件import{createWebHashHistory,createRouter}from'vue-router'constroutes
前端御书房·2023-06-10 04:01

laravel+vue优化vue单文件过大 app.js过大

使用vue-router路由懒加载1.cdn引入cdn引入不需要修改app.js现在我们来写一下，使得我们可以从外部引入而不必使用自己的阿里云小水管慢慢加载。推荐
yhy1315·2023-06-10 03:28

# iOS 微信长按识别二维码失败，弹出的是保存图片

原因：微信对vue.js中的vue-router的history模式支持并不完善.解决方案：刷新二维码页面//尝试在页面挂载完成时，刷新页面，解决微信识别二维码失败的问题//当然也可以在`created
Zeayal·2023-06-10 02:08

Vue路由使用（router）

介绍vue-router相当于vue内部跳转链接，将需要切换的页面在vue-router里注册，在项目里配置就能完成页面的切换，它不仅能完成项目的切换，还能实现参数的传递，它还有个很重要的功能路由导航守卫
一杆老狙·2023-06-10 00:06

vue点击导航菜单，展示选中样式，菜单路由存在嵌套路由时也可以判断为当前路由

采用计算属性监听跳转页面后url拼接的路由路径来判断是否在当前页面（包括解决嵌套路由带来的判断干扰）效果图：定义路由router.jsimportVuefrom'vue'importVueRouterfrom'vue-router'importLayoutfrom
一杆老狙·2023-06-10 00:06

vue-router动态路由实现方式（一）

vue-router动态路由在某些情况下，一个页面的path路径可能是不确定的，比如我们进入用户界面时，希望是如下的路径：/user/aaaa或/user/bbbb除了有前面的/user之外，后面还跟上了用户的
chenyongzhi1218·2023-06-09 23:07

Vue之Router路由传参之一query（043）

/App.vue'importVueRouterfrom'vue-router'importrouterfrom'./router'Vue.use(VueRouter)Vue.config.produ
从小白小菜开始·2023-06-09 21:46

[vue-router4快速入门] 8.嵌套路由

在工作中，我们经常遇到需要一种情况，一个页面里面还有多个页面，最常见的就是在后台管理系统中，一个菜单下面还有子菜单，甚至子菜单下面还有子子菜单，这时候就要用的vue-router嵌套路由的功能了比如我们在前面的课程中已经有了首页
林哥学前端·2023-06-09 20:32

vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function

在写vue项目时使用了，vue-router插件，但是运行之后报错vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)isnotafunction，并且页面没有任何内容显示
小源同学r·2023-06-09 20:24

新星计划 Electron+vue2 桌面应用 2 项目编写

二、涉及vue插件vue使用版本2；vue-router使用3；vuex使用3.6.2。npminstallvue-router@3npm
lsswear·2023-06-09 19:55

15 【Vue-Router】

1.相关理解1.1vue-router的理解vue的一个插件库，专门用来实现SPA应用1.2对SPA应用的理解1.单页Web应用（singlepagewebapplication，SPA）2.整个应用只有一个完整的页面3.点击页面中的导航链接不会刷新页面，只会做页面的局部更新4.数据需要通过ajax请求获取1.3路由的理解1.什么是路由?一个路由就是一组映射关系（key-value）key为路径，
Instanceztt·2023-06-09 16:35

09 vue3 vue-router的使用

监听URL的改变目录前端路由原理vue-router的使用默认路由，重定向hash与history模式router-link路由懒加载动态路由404页面路由嵌套编程式跳转页面的前进后退router-link
是云呀！·2023-06-09 15:45

[Vue Router warn]: Discarded invalid param(s) “id“ when navigating. Seexxxxxxxfor more details

代码如下：a页面跳转b页面//a页面import{useRouter}from'vue-router'constrouter=useRouter()constparams={id:'1',name:'ly
柑橘乌云_·2023-06-09 15:27

vue-router

安装vueaddroutervue-router的两种模式一、hash模式后面的hash值变化，并不会导致浏览器向服务器发出请求，浏览器不发出请求也就不会刷新页面，每次hash值变化，会触发hashchange这个事件，通过这个事件我们就可以知道hash值发生了什么变化，然后通过监听hashchange来实现更新页面部分内容的操作。window.onhashchange=function(even
cesiuming·2023-06-09 06:09

Vue-Router(4) 学习之动态路由 addRoute

Vue-Router(4)学习之动态路由addRoute前端动态路由在前端开发中，动态路由指的是根据用户的操作或应用的状态变化，动态地加载和渲染不同的页面内容，而无需刷新整个页面。
Raywh·2023-06-09 00:22

Uncaught runtime errors: × ERROR Cannot read properties of undefined (reading ‘ vue2&vue-router兼容性问题

在创建vue2项目后安装npminstallvue-router后运行代码可能会出现这个报错，这是因为vue2和最新版本不兼容，解决方案如下：卸载当前版本的vue-router:npmuninstallvue-router
好名字0821·2023-06-08 19:02

vue + element-UI 实现面包屑

1.路由文件中配置//router.jsimportVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)constLogin=()=>(import
Ishmael丶Yoko·2023-06-08 18:42

vue-router（element侧导栏，子组件内容切换，不传参）使用的详细步骤

大家好，我是csdn的博主：lqj_本人这是我的个人博客主页：lqj_本人的博客_CSDN博客-微信小程序,前端,python领域博主lqj_本人擅长微信小程序,前端,python,等方面的知识https://blog.csdn.net/lbcyllqj?spm=1011.2415.3001.5343哔哩哔哩欢迎关注：小淼Develop小淼Develop的个人空间-小淼Develop个人主页-哔哩
lqj_本人·2023-06-08 16:02

Vue中this.$router 和this.$route的理解

$routerrouter$router表示一个全局的路由对象，vue-router的实例，提供addRoutes、back等方法，相当于一个路由的管理者角色。2.this.
OneBaBa·2023-06-08 04:51

vue2 Keep-alive 详情页返回列表页，保留列表页之前的筛选条件和数据的简单写法

结合vue-router中使用，可以缓存某个view的整个内容。这位作者写的很仔细传送门：Vue中keep-alive详解上代码App.vue页面路由设置界面router/in
一路向前的月光·2023-06-07 21:50

路由 vue-router4.x

一：路由配置1、下载vue-router：npminstall--savevue-router2、在src下配置router
一只小可乐吖·2023-06-07 06:47

vue-router路由元信息及keep-alive组件级缓存

路由元信息？（黑人问号脸？？？）是不是这么官方的解释很多人都会一脸懵？那么我们说meta，是不是很多人恍然大悟，因为在项目中用到或者看到过呢？是的，路由元信息就是我们定义路由时配置的meta字段；那么这个meta的作用是什么呢？首先看一个场景：通常我们在开发网站或者移动应用的时候，我们通常会有网页权限验证的需求（别说你没有，你肯定有），这种需求一般是指需要登录后才可进入，也就是需要用户登录获取用户
有梦想的咸鱼前端·2023-06-07 02:48

vue中定义全局声明vscode插件提示找不到问题解决

具体信息：我在src文件夹下的types文件夹定义全局声明文件：route.d.tsimporttype{RouteRecordRaw}from'vue-router';interfaceamiaRouteextendsOmit
·2023-06-06 21:02

vue返回上一页自动刷新方式

再vue中，返回上一页时：如果页面是打开的状态，页面不会自动刷新，会保持着上次跳转的状态不更新；原因：vue-router的切换不同于传统的页面切换，而是路由之间的切换，其实就是组件之间的切换，引用相同组件的时候
@幻影忍者·2023-04-21 20:35

vue3-动态路由匹配--useRoute()

params1.路由规则配置接受参数2.发送数据--同之前3.接受数据import{onMounted}from'vue';import{useRoute}from"vue-router";letroute
ZDM_9999·2023-04-21 14:40

vue-router 的两种模式

vue-router的两种模式：hash和history模式hash模式是我们常用的模式，它可以利用浏览器onhashchange事件监听地址变化，查找对应组件，通过修改lacation.hash改变页面路由而
天空之枫·2023-04-21 09:21

react-router-pro像vue-router一样用react-router

废话不多说，上代码import{RouterPro}from“react-router-pro”importIndexfrom“./page/home”letdata=[{name:“主页”,path:“/”,component:Index,icon:“HomeOutlined”,}];不入侵，随插随用，超轻量库地址：地址
南京前端架构ztao·2023-04-21 08:35

vite-plugin-pages(用于本人使用)

1、安装vite-plugin-pages依赖vue-router运行因此还需要安装vue-routernpminstallvue-router@4npmi-Dvite-plugin-pages2、配置
外围前端吴彦祖·2023-04-21 08:05

vue3中的setup语法糖和setup语法糖如何使用toRefs将接口返回数据变成响应式

vite.config.ts中引入：importAutoImportfrom"unplugin-auto-import/vite";plugins:[vue(),AutoImport({imports:['vue','vue-router
努力站桩的奶酪呦·2023-04-20 19:36

vue3.0新特性总结

首先，我们先简单看一下Vue发布版本的过程：Alpha-Beta-RC-正式vue经历RC阶段才会有正式版本能用，大家不要过于着急，目前尤大正在全力开发配套基础功能，比如脚手架、vue-router、以及生态插件等
橙子鲜·2023-04-20 17:26

vue-router传递参数的方式

参考：https://blog.csdn.net/crazywoniu/article/details/80942642一、vue-router路由跳转分为两大类1、编程式的跳转：router.push2
胡_松·2023-04-20 11:04

vue-router query和params传参(接收参数)router、route的区别

1.query方式传参和接收参数传参:this.$router.push({path:'/xxx',query:{id:id}})接收参数:this.$route.query.id注意:传参是this.$router,接收参数是this.$route,这里千万要看清了！！！this.和route有何区别？在控制台打印两者可以很明显的看出两者的一些区别：1.router为vueRouter实例，想要
world_7735·2023-04-20 06:03

【Vue】Vue-route路由

Vue-router官网由vue-router模块控制，需要额外安装依赖。
Dongle74·2023-04-20 05:22

合格前端系列第十一弹-初探 Nuxt.js 秘密花园

技术栈选的是平滑开箱的Nuxt，整个项目整合了vue+nuxt+axios+vuex+vue-router(nuxt自带vuex和vue-router)。
weixin_33712987·2023-04-20 05:51
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他