vue-router

vue-router 返回 重复提交导致循环的问题

在vue开发中，很常见的一种场景：页面使用左上角返回时，上一页可以重复发起进件。这是不允许的产品希望直接关闭不要回到上一页收银台------A------B-------CA：发起进件页面B：签署协议页面C：结果页需求：C页面返回时直接回到收银台不能回到A和B技术方案：1、button引导客户正向操作不要让用户使用左上角的返回2、特殊页面不允许返回的，使用beforeRouteLeave拦截。⚠️
前端大镖客_·2023-08-25 06:23

vue中的页面刷新问题

刷新1.用vue-router重新路由到当前页面，页面是不进行刷新的2.采用window.reload()，或者router.go(0)刷新时，整个浏览器进行了重新加载，闪烁，体验感贼不好3.provide
她与星河皆遗憾·2023-08-25 06:41

vue-router 如何在新窗口打开页面

一、标签实现新窗口打开ps:官方文档中说v-link指令被组件指令替代，且不支持target=“_blank”属性，如果需要打开一个新窗口必须要用a标签，但事实上vue2版本的是支持target=“_blank”属性的(tag=“a”)，如下新页面打开home页二、编程式导航有些时候需要在单击事件或者在函数中实现页面跳转，那么可以借助router的示例方法，通过编写代码实现。我们常用的是$rout
在路上`·2023-08-25 03:10

Rollup看这一篇就够了

从他的应用场景来看，用到RollUp打包的都有vue/vuex/vue-router，对比webpack来看，ElementUI是使用webpack作为打包的，相对来说，Rollup更
F班的小夏同学·2023-08-24 22:17

WebStorm开发Vue项目

先搭建开发环境，在上一篇文章中有介绍1.新建项目然后下面这一段可能会比较久是否选择vue-router，这里我们选择是，待会后面会用到是否使用eslint检查，这里我们选择否是否选择单元测试，这里我们也选择否是否选择
筠··2023-08-24 20:47

8、Vue 核心技术与实战 智慧商城项目 DAY8~10

（2）components中的文件（3）views中的文件2、(1)修改路由配置，默认的路由是个空数组即可，把路由规则都删掉importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use
是柚柚耶·2023-08-24 18:19

Vue + Vite2 + Ant Design Vue 2 等包的 cdn 配置 JS CSS 终极模板

鉴于大家疯狂提问各种配置不通的问题，我写了个demo，大家可以去看看vite-vue3-cdn-demo:随便写的demo，看看就行里头包括如何在打包后以cdn引入moment、ant-desgin-vue、vue-router
中子战星撞地球1·2023-08-24 15:00

vue-router的TabBar的实现思路

vue-router的TabBar的实现思路然后配置webpack.base.conf.js这样做好改路径，不用写…/什么的。直接通过目录进行查找。
～东北大呲花 ～·2023-08-24 13:21

GPT教我学Vue-Router

文章目录路由的基本配置路由嵌套路由守卫路由参数编程式导航路由的基本知识点VueRouter是Vue.js官方的路由管理器。它允许你在Vue应用程序中构建单页面应用（SPA），并实现了客户端路由功能。下面是一些VueRouter的重要知识点：路由的基本配置：使用Vue.use(VueRouter)安装VueRouter插件。创建一个路由实例constrouter=newVueRouter({rout
想要打 Acm 的小周同学呀·2023-08-24 10:13

vue-cli小知识

-S表示生产环境仍然需要这些东西，配置在package.json中的dependencies下，比如项目所依赖的框架，JQ，VUE，vue-router等。
卧龙Tristan·2023-08-24 06:26

vue2.0学习02之vuex

上次学习了vue-router的使用，让我能够在各个页面间切换，将页面搭建了起来。这次则要学习vue的状态管理模式——vuex。
神秘者007·2023-08-24 04:56

Vue2学习笔记のvue-router

这里写目录标题vue-router路由1.基本使用2.几个注意点3.多级路由（多级路由）4.路由的query参数5.命名路由6.路由的params参数7.路由的props配置8.
N-A·2023-08-23 23:31

框架面试题

它有哪些组件vue-router是用来定义路由规则的组件:1.ro
Tony_Starkis·2023-08-23 23:58

Vue | 如何封装一个toast插件

其实vue-router就是Vue的一个插件，插件通常用来为Vue添加全局功能。今天的toast就是一个全局要使用的功能，比如用户下单时对用户进行提示，或者在用户删除操作时对用户进行提示。
cemcoe·2023-08-23 12:16

在vue3+ts项目里使用query和params传参

以下是如何在Vue3+TypeScript中使用这两种方式进行参数传递的示例：//路由配置import{createRouter,createWebHistory,RouteRecordRaw}from'vue-router
一花一world·2023-08-23 01:32

form-generator读源码笔记

/form-generator1.在html中使用环境变量.js">2.vue等包通过cdn引入，在打包时去掉.js">configureWebpack:{externals:{vue:'Vue','vue-router
林哥学前端·2023-08-22 22:33

vue路由及打包部署

主要定义在router文件夹下的index.js如下格式：importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)
大块奶酪----·2023-08-22 19:06

VUE----cli3搭建项目，并cdn引入vuex，vue-router，elementui

注意：目前这个项目是个后台系统，计划使用vuex,vue-router,axios,element-ui。为了以后整体项目运行速度等，这些并没有使用npm安装到本地依赖，而是使用了cdn的方式引入的。
华子_tm·2023-08-22 12:37

【手写vue-router】提取路由信息

vue-router是一个插件，因此按照vue插件的方式实现将用户写的路由信息提取出来，把routes数组中每个对象的path值取出来作为key，把component的值取出来作为valueclassmyRouter
章音十·2023-08-22 08:49

vue-router在vue2/3区别

构建选项区别vue2-routerconstrouter-newVueRouter({mode:history,base:_name,})vue-next-routerimport{createRouter,createWebHistory}fromvue-next-routerconstrouter=createRouter({history:createHistory(/)})在上述代码中我们
好名字0821·2023-08-22 07:11

vue构建一个小项目（一）

学习vue的总结1.vue开发环境vuevue-cliwebpack//利用vuewebpack创建一个项目vueinitwebpackvueLitter//创建的过程中会给一些提示，比如项目名称、vue-router
青涩的韭菜黄·2023-08-21 22:10

【vue+router】解决路由重复警告：[vue-router] Duplicate named routes definition

vue页面动态添加路由，但加载页面会报警告：[vue-router]Duplicatenamedroutesdefinition:{name:"xxx",path:"xxx"}这个问题解释为：路由命名重复网上有一些大神剔除原有路由的做法
栀妹儿·2023-08-21 22:31

Vue3+ElementPlus+TS

使用技术Vue3.0全家桶(Vue-Cli、Vue-Router、Vuex、Axios、Webpack)ElementPlusTypeScriptEcharts代码规范配置husky、commitizen
ianutt·2023-08-21 21:17

vue-router路由懒加载

正常配置importVuefrom'vue'importRouterfrom'vue-router'importLoginfrom'@/components/pages/login'importCapturefrom
后除·2023-08-21 19:51

Vue-router history模式下Nginx配置

对于vue的router[mode:history]模式（这里主要是为了去除链接上的"#"）开发的时候，一般都不出问题。是因为开发时用的服务器为node，Dev环境中已配置好了,nginx运行的时首页没有问题，链接也没有问题，但在点击刷新后，页面就会显示（404）原配置：location/{root/home/testhadoop/www/html;indexindex.htmlindex.htm
mocobk·2023-08-21 04:05

vue-router 实现组件的缓存之 keep-alive

一、keep-alive简介keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。用法：propsinclude-字符串或正则表达式，只有匹配的组件会被缓存exclude-字符串或正则表达式，任何匹配的组件都不会被缓存//组件aexportdefault{name:'a',data(){return{}}}可以保留它的状态或避免重新渲染可以保留它的状态或避免重新渲
高强sky·2023-08-21 03:33

vue-router之页面标题的动态设置

constrouter=newRouter({routes:[{path:'/',name:'index',meta:{title:"我是首页"},component:Index},{path:'/',name:'list',meta:{title:"我是列表页"},component:List}]})router.beforeEach((to,from,next)=>{//beforeEach是
时光经年·2023-08-21 02:16

vite初始化vue3.0项目——配置router和vuex

安装构建vue-router安装相关依赖yarnaddvue-router@next创建router/index.js文件创建路由对象并抛出import{createRouter,createWebHashHistory
啥名都不好起·2023-08-21 00:37

vue3中的router和useRouter的区别

结论：从vue-router的官方文档中发现，useRouter需要在setup中使用，而router可以在任何组件中使用。二者是等价的，适用场景不同。
要加油哦～·2023-08-20 20:02

Vue学习笔记[14]-vue-router使用嵌套路由&传递路由参数

当前我们配置的路由都只有一层，要配置多层路由，需要用到嵌套路由。//index.jsconstroutes=[//...{path:'/home',component:Home,children:[{path:'news',component:HomeNews},{path:'message',component:HomeMessage}]},]constrouter=newVueRouter({
神楽花菜·2023-08-20 20:35

Vue router动态添加路由警告问题记录

问题描述控制台提示如下警告：[vue-router]router.addRoutes()isdeprecatedandhasbeenremovedinVueRouter4.Userouter.addRoute
Komorebi゛·2023-08-20 09:03

缓存组件

一、keep-Alive搭配vue-router实现缓存页面效果1.1keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。
Komorebi゛·2023-08-20 09:02

uniapp-路由uni-simple-router

背景专为uniapp打造的路由器，和uniapp深度集成通配小程序、App和H5端H5能完全使用vue-router开发模块化、查询、通配符、路由参数使uni-app实现嵌套路由（仅H5端完全使用vue-router
智江鹏·2023-08-19 18:13

vue-工程项目结构

项目包含：基础库:vue.js、vue-router、vuex、whatwg-fetch编译/打包工具：webpack、babel、node-sass单元测试工具：karma、mocha、sinon-chai
智江鹏·2023-08-19 18:43

利用vue-router跳转的几种方式

1.不带参数直接写路径或者根据vue-router的配置文件(inde
哦...·2023-08-19 17:49

Vue路由的安装

1.npm安装路由在项目中输入以下命令安装全局路由npminstallvue-router-S安装之后在项目文件package.json内会出现"vue-router":"^3.5.2"2.在src内新建
RyzenVega·2023-08-19 13:37

vue-router 笔记

文章目录基本操作二级路由的使用基本操作在src目录下新建router/index.jsimportVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router
可能是真的·2023-08-19 08:07

vue2动态路由权限管理总结

相比第一种方式，第二种方式在企业中更常用第一种方式：（一）后端需返回类似Vue-router形式的json文件，如[{path:'/userlist',name:'userlist',title:'用户列表
SwaryLA·2023-08-19 04:21

【Vue】yarn 安装包时权限不足或者文件夹被占用导致安装失败

在一个Vue3项目中，用yarn安装Vue插件或者Vue-Router时，出现同样的error，如下：Anunexpectederroroccurred:“EPERM:operationnotpermitted
谢尔登·2023-08-18 15:33

vue-router

路由详解-基础router-link和router-view组件router-link:封装了一个a标签router-view:视图渲染组件路由配置动态路由router/index.js{path:'/about/:name',component:()=>import('../views/About.vue')}about.vueThisisanaboutpage传递的参数是:{{$route.p
卡布i·2023-08-18 15:11

Weex的多页面配置

对于移动开发来说，使用单页面（使用vue-router）是没有原生的页面跳转效果。
xuemiyang·2023-08-18 10:37

Uniapp学习心得体会

1.Vue-router的使用Vue-router是Vue.js官方路由插件，可以用于构建单页面应用程序。在Uniapp中，我们也可以使用Vue-router来进行路由的管理。
m0_66085294·2023-08-18 07:11

vue-router中的一些 API

在Vue.js的vue-router中，一些重要api1、RouterHistory：这是vue-router提供的路由历史记录对象。
Wxinin·2023-08-17 18:34

vue-router

动态路由匹配使用动态路由匹配时，原本的组件会被复用，因而不会调用生命周期钩子函数。可用watch观察$route对象或使用beforeRouteUpdate（需要2.2.0+）匹配优先级为先定义的先匹配编程式导航route.push中，若提供了path，params会被忽略命名视图可在同一个URL下通过route-view生成多个组件
多喝凉开水·2023-08-17 15:49

Vue-Router 实现原理

Hash和History模式Hash模式http://localhost.com/#/user/idHash模式基于锚点，以及onhashchange事件。通过window.location.href改动浏览器地址，如果只改变#后面的地址，不会触发服务端请求，会把#后的值作为路由地址当地址发生变化时触发onhashchange事件，监听事件并做相应处理切换显示不同的组件History模式http:
·2023-08-17 10:25

2021-12-13 vue-router history mode nginx 配置方式

最终打包出来的文件夹名称）项目B：projectB（最终打包出来的文件夹名称）想要最终的访问方式：www.yourDomain.com/projectAwww.yourDomain.com/projectB默认vue-router
alanwhy·2023-08-17 06:35

vue router 源码

一、vuerouter安装importVueRouterfrom'vue-router'Vue.use(VueRouter)我们知道vue的use函数Vue.use=function(plugin){.
Wendy81·2023-08-17 02:50

vue3-router

区分路由的机制上，有两种实现方式：hash模式：通过URL中#后面的内容做区分，我们称之为hash-router；history模式：在这种方式下，路由看起来和正常的URL完全一致（2）这两个不同的原理，在vue-router
zxuanxuanz·2023-08-16 22:09

[开发|前端] 路由守卫笔记

描述vue-router提供的导航跳转或取消的api。
梦醒贰零壹柒·2023-08-16 19:16

路由基础知识

1.基本使用安装vue-router，命令：npmivue-router应用插件：Vue.use(VueRouter)编写router配置项://引入VueRouterimportVueRouterfrom'vue-router
MoYuP_ENG·2023-08-16 18:13
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他