VUE路由

vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“

vue路由跳转报错Avoidedredundantnavigationtocurrentlocation:“/xxxxxx“.一、原因在使用this.
Shiyouzhang·2023-10-07 20:13

Vue.js 入门学习笔记 - Vue 路由

Vue路由是Vue.js官方提供的一个用于构建单页面应用（SPA）的插件，它能够帮助我们实现页面之间的切换和导航功能。在本篇文章中，我们将探讨Vue路由的基本用法，并提供相应的源代码示例。
NjlShell·2023-10-06 07:16

Vue路由组件

1.创建路由组件路由组件一般与非路由组件区分，非路由组件放在component下，路由组件在src目录下新建一个文件夹views/pages存放。2.路由组件配置在src文件夹下新建router文件夹在其中建立index.js编写路由文件配置，配置代码如下：//配置路由的地方importVuefrom'vue';importVueRouterfrom'vue-router';//使用插件Vue.u
瘦 一 零·2023-10-05 20:15

Vue路由首次跳转白屏，刷新一次才可正确显示页面！！

问题描述：管理后台项目上线后发现有个页面Vue路由首次跳转白屏，刷新一次才可显示页面！！
piter苏·2023-10-02 23:22

vue - 路由带参跳转

vue路由传参按照传参方式可划分为params传参和query传参；params传参分为在url中显示和影藏参数两种方式1params传参（url地址栏显示参数）1.1声明式router-link通过router-link
梁庄十年·2023-10-02 05:41

vue 路由参数变化不刷新界面

vue路由参数变化不刷新界面http://139.9.133.191/#/detail/china/P0001http://139.9.133.191/#/detail/china/P0001-0005
PiscesCounty·2023-10-01 14:02

Vue路由跳转传参后无法清空地址栏参数问题解决

Vue路由跳转传参后无法清空地址栏参数问题解决使用的路由模式是history，通过以下方式进行跳转传参proxy.
屿东·2023-10-01 13:43

Vue路由

title:“Vue路由”createTime:2022-01-05T09:48:52+08:00updateTime:2022-01-05T09:48:52+08:00draft:falseauthor
猪猪侠blogs·2023-10-01 07:12

vue路由实现高亮

需求简单image.png点击哪个下方出现白线image.png看对比我相信你明白了image.pngimage.png纯干货点击的时候会切换active然后识别到下面的nav-item加上border
救罚·2023-09-30 02:06

vue路由history模式刷新404问题解决方案

vue单页因微信分享和自动登录需要，对于URL中存在’#’的地址，处理起来比较坑。用history模式就不会存在这样的问题。但是换成history模式，就会有个新的问题，就是页面刷新后，页面就无法显示了（404）。对于这个问题，我们只需要在服务器配置如果URL匹配不到任何静态资源，就跳转到默认的index.html。我这里是针对nginx的配置，总结如下：方案一（这种方式容易被第三方劫持）loca
百慕达奶油·2023-09-29 09:01

Vue路由「十五」-- vue-router的路由模式***

vue-router的路由模式有hash模式和history模式，默认使用hash模式hash模式：使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。例如http://yoursite.com/#/user/idhistory模式：URL就像正常的url，例如http://yoursite.com/user/id前置知识：网页url组成部分https://127.0
loushumei·2023-09-28 23:33

Vue-Vben-Admin -- 自定义上传excel文件弹框组件

4.4.9ant-design-vueant-design-vue4.0.3TypeScriptJavaScript的超集5.1.6piniaVue存储库替代vuex52.1.6vueuse常用工具集10.4.1vue-i18n国际化9.4.0vue-routerVue
Kingsaj·2023-09-28 21:00

Vue路由params和query传参与取值的两种方法

注意:传参是this.$router,接收参数是this.$route;this.$router(router实例)和this.$route(当前页面的路由信息)//$router:是路由操作对象，只写对象//$route:路由信息对象，只读对象一、query传递参数根据官网的例子发现，query传参要用path来引入，params传参要用name来引入，具体看3、编程式的导航，只是我测试了一下，
海之深处爱之港湾·2023-09-28 20:12

vue路由的自动化注册

目录结构1111.png代码示例：router文件夹，index.js代码：importVuefrom"vue";importVueRouterfrom"vue-router";Vue.use(VueRouter);constroutes=[{path:"/",name:"layout",component:()=>import("../views/layout/Layout.vue"),//定向
前端一条鱼·2023-09-28 03:09

深入探讨Vue.js：从基础到高级（最佳实践）

2.组件之间的通信Vue模板语法1.插值和指令2.条件和循环3.事件绑定和表单输入绑定Vue路由1.VueRouter安装和配置：导航：2.导航守卫3.路由参数Vue状态管理（Vuex）1.什么是Vuex
程序员 小侯·2023-09-27 21:49

Vue路由守卫总结

文章目录前言路由守卫是什么?一、全局路由守卫全局前置守卫beforeEachbeforeEach参数解析代码实现全局后置守卫afterEachafterEach解析二、组件路由守卫beforeRouteEnterbeforeRouteUpdatebeforeRouteLeave三、独享路由守卫beforeEnter代码展示总结前言路由守卫是什么?vue-router提供的导航守卫主要用来通过跳转或
web Rookie·2023-09-27 11:41

Vue路由传参与props解耦详解

文章目录一、路由传参1.query传参2.params传参2.1路径使用参数占位时：2.2路径不使用占位时：二、props解耦1.props布尔值2.props函数模式3.props对象模式关于路由传参的几种方式，众说纷纭。今天来总结下路由传参的几种方式与路由解耦：一、路由传参路由传参总的来说有两种方式，query和params，配合声明式导航与编程式导航，各有不同的几种写法；1.query传参1
liyfn·2023-09-27 11:45

解决vue路由跳转未匹配相应用路由避免出现空白页面的问题

router.beforeEach((to,from,next)=>{//如果未匹配到路由if(to.matched.length===0){//如果上级也未匹配到路由则跳转登录页面，如果上级能匹配到则转上级路由from.name?next({name:from.name}):next('/');}else{next();//如果匹配到正确跳转}});
小懒惰的猪·2023-09-27 05:55

【vue】利用axios发送请求

json）四、异步实现：利用axios发送POST请求登录（表单）五、token存储六、token使用七、全局的axios配置1、方式一2、方式二八、请求拦截器和响应拦截器一、项目环境配置根组件App.vue
敲代码敲到头发茂密·2023-09-25 14:15

Vue在history模式下页面空白及404解决

vue路由有两种模式一种hash（vue-router默认模式）另一种history路由改变为history模式：exportdefaultnewRouter({mode:'history'}）由于改变了
LLsanmu·2023-09-25 14:11

vue router history模式 线上nginx部署 刷新页面导致404

这是因为在history模式下，Vue路由器通过修改浏览器的历史记录来实现路由切换，但是当用户直接访问某个URL时，服务器端没有相应的处理逻辑，于是就会返回404。
码农老牛·2023-09-25 14:11

Vue路由与nodejs下载安装及环境变量的配置

目录前言一、Vue路由1.路由简介是什么作用应用场景2.SPA简介SPA是什么SPA的优点注意事项3.路由实现思路1.引入路由的js依赖2.定义组件3.定义组件与路径的对应关系4.通过路由关系获取路由对象
孤留光乩·2023-09-25 10:32

vue的路由与nodejs的环境搭建

目录路由是什么案例nodejs的环境搭建下载依赖设置环境变量建包路由是什么Vue路由是Vue.js框架中用于管理不同页面之间切换的插件。
小徐o·2023-09-24 20:14

vue路由与nodeJS环境搭建

vue路由nodeJS环境搭建1.vue路由路由思路1、确保引入Vue.vue-router的js依赖2、首先需要定义组件（就是展示不同的页面效果）3、需要将不同的组件放入一个容器中（路由集合）4、将路由集合组装成路由器
朱琳均·2023-09-24 19:30

第5章 vue路由

1.安装使用npm在工程中安装vue-routernpminstallvue-router--save2.配置在src目录下新建router目录，在目录中新建index.js其中声明路由配置importVuefrom'vue'importRouterfrom'vue-router'importhouse_listfrom'@/components/house_list.vue'importhous
yangsg·2023-09-23 17:52

Vue路由与nodejs环境搭建

一.路由什么是路由什么是SPA路由的思路及实现实例建立一个HTML来编写路由测试结果编辑二.nodejs环境什么是node.jsnpm是什么node.js的下载一.路由什么是路由路由（Routing）是指根据不同的URL地址，将用户导航到不同的页面或视图的过程。在前端开发中，特别是在单页面应用（SPA）中，路由起着至关重要的作用。传统的Web应用中，每个不同的页面都对应一个不同的URL地址，当用户
bing人·2023-09-23 15:49

第3讲：vue路由安装配置，带参路由，子路由配置及应用

路由的安装与基本使用vue-router是Vue官方的路由插件，它和Vue是深度集成，适用于构建单页面应用vue-router的安装//vue2路由配置[email protected]或[email protected]在具体应用的开发中我们一般会在src目录下新建一个名为router的目录，并在router目录下新建一个index.js用来存放路由信息在s
CSDN专家-赖老师（软件之家）·2023-09-23 12:47

关于 ： vue路由的运用-route

通过：全局路由设置参数：页面进行控制的思想。一、页面头部标题：自定义样式和普通样式的使用通过使用参数，判断是否是自定义样式：//1、hiddenHeader//2、name//3、navStyle//路由-参数{path:'/MonthlySwapList',name:'MonthlySwapList',component:()=>import(/*webpackChunkName:"Monthl
大浪淘沙1024·2023-09-23 12:36

vue路由跳转本来正常,跳转到某一个页面再跳出其他页面,出现页面空白

昨天在写代码的时候遇到一个很奇怪的问题,本来路由都是正常的,结果我跳转到某一个页面后再跳出结果就页面空白了,也不能再跳回原来的页面,刷新后页面又能够正常显示了,后面也筛选了路由的书写都没发现异常.后面看到页面的时候发现我在template内的根元素外面有一个注释,删除之后就正常了,后面想到html也会吧注释的内容当成一个标签进行显示,这样的话我的template下面就有了两个根元素,但是vue3是
小鱼儿123123·2023-09-23 11:21

解决vue路由跳转同一页面，携带不同参数，页面不刷新的问题

一、问题描述列表中选择某条数据进入该详情页，然后在详情页点击某个文字按钮，还是跳转该详情页，只是传参不一样二、问题影响使用vue2中的this.$router.push并不能使页面刷新，而且会报错，下面是报错描述三、解决方案在跳转到的页面里添加监听方法下面是Ts写法import{Component,Vue,Watch}from'vue-property-decorator'@Watch('$rou
在路上`·2023-09-22 16:27

vue路由跳转携带参数拼接url后面，且刷新不丢失

//1、“el-table中数据”携带列表参数跳转页面可以实现刷新页面参数不丢失editBtn(row){this.$router.push({path:'/xxxx',query:{params:JSON.stringify(row)}});},//2、详情页面接受数据this.lastParames=JSON.parse(this.$route.query.params)//总结：可以实现刷新
ZXH0122·2023-09-22 16:27

Vue路由参数更新但是页面不刷新问题

解决方法一、使用watch属性监听route对象watch:{$route(to,from){if(this.$route.query.id&&from.path=="/client/index"){this.getAllTypeList();},//对路由变化作出响应...//可以使用$router.go(0)进行刷新,（补充，该方法在ios手机上无效）//可以改用window.location
一个橙子呀·2023-09-22 16:27

Vue路由与nodes的环境配置

一，Vue路由什么是Vue路由？Vue路由是Vue.js的一部分，是一个官方的Vue.js插件，用于管理单页面应用程序的路由。
现在是571·2023-09-22 14:56

从Vue-cli脚手架的基本使用到vue路由的基本使用

第一部分：Vue-cli脚手架vue2是对新手很友好的MVVM框架，有完善的官方中文文档，阅读起来也非常容易理解，由浅入深，示例完整。同时官方也提供了一个开箱即用的vue-cli帮我们生成一个完整的项目框架vue.js著名的全家桶系列,包含了，vue-router,vuex，axios，再加上vue-cli就是一个从路由，数据流管理，http请求都有的核心项目，vue社区的丰富资源，也是满足了我们
一个好好的程序员·2023-09-22 14:23

Vue路由及Node.js环境搭建

目录一.Vue路由1.1定义1.2应用领域1.3代码展示二、Node.js2.1定义2.2特点三.Node.js安装与配置3.1.下载3.2.安装3.3.环境搭建好啦今天到这了，希望帮到你！！！
✘君临沂·2023-09-22 12:57

Vue路由与node.js环境搭建

目录前言一.Vue路由1.什么是spa1.1简介1.2spa的特点1.3spa的优势以及未来的挑战2.路由的使用2.1导入JS依赖2.2定义两个组件2.3定义组件与路径对应关系2.4通过路由关系获取路由对象
ChatYU.·2023-09-22 08:12

Vue路由及Node.js环境搭建

1.介绍什么是Vue.js和Node.js？Vue.js和Node.js是两个不同的技术，分别用于前端和后端开发，具有不同的用途和功能：Vue.js：Vue.js是一款流行的前端JavaScript框架，也被称为渐进式框架。它由尤雨溪开发，并由社区支持和维护。Vue.js主要用于构建现代、交互式的Web用户界面。它的核心目标是通过提供一套响应式数据绑定和组件化的开发架构，简化了构建复杂前端应用的过
Ar.小白·2023-09-22 08:42

Vue路由和Node环境搭建

目录一、Vue路由1.SPA是什么单页Web应用（singlepageapplication，SPA），就是只有一个Web页面的应用，是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web
小朱爱编程·2023-09-22 01:15

Vue路由与node.js环境

目录1.Vue路由2.node.js环境1.Vue路由首先我们需要了解SPA是什么单页Web应用（singlepageapplication，SPA），就是只有一个Web页面的应用，是加载单个HTML页面
那shiyu·2023-09-22 01:15

Vue路由和Node.js环境搭建

文章目录一、vue路由1.1简介1.2SPA1.3实例二、Node.js环境搭建2.1Node.js简介2.2npm2.3环境搭建2.3.1下载解压2.3.2配置环境变量2.3.3配置npm全局模块路径和
许潜行·2023-09-22 00:43

Vue.js路由及Node.js的入门使用---超详细

一，Vue路由1.1路由是什么路由是用来管理应用程序中不同页面之间导航的概念。
Love-Java.·2023-09-22 00:10

Vue路由的使用及node.js下载安装和环境搭建

目录一、Vue路由1.1简介(1)特点(2)作用1.2实例(1)引入(2)组件(3)关系(4)路由(5)事件(6)锚点二、nodeJS2.1下载2.2安装2.3环境搭建新增添加测试配置运行一、Vue路由
云小君·2023-09-21 23:45

Vue系列（四）之 Vue路由介绍和Node.js的环境搭建

目录一.Vue路由1.1Vue路由是什么1.2SPA是什么1.3Vue路由的使用步骤二.Node.js环境搭建2.1Node.js是什么2.2npm是什么2.3Node.js环境搭建1.下载Node.js2
不念那年晚春·2023-09-21 19:40

Vue路由与nodejs环境搭建

一、Vue路由1.1SPA简介在实现路由之前我们先了解SPA是什么?SPA：单页Web应用（singlepageapplication，SPA），就是只有一个Web页面的应用。
Java_文昊‍️·2023-09-21 15:33

Vue 中页面传值的多种方式详解

一、通过路由传参Vue路由是一种常见的页面导航和参数传递方式。
数据大魔王·2023-09-21 14:23

“高级前端开发技术探索路由的使用及Node安装使用“

目录引言1.Vue路由的使用2.VueNode.js的安装使用总结引言在当今互联网时代，前端开发技术日新月异，不断涌现出各种新的框架和工具。
叶秋∵·2023-09-21 14:42

Vue路由及Node.js环境搭建

目录一、Vue路由1.1定义1.2应用领域1.3代码展示二、Node.js2.1定义2.2特点2.3Node.js安装与配置2.3.1下载安装包2.3.2手动新建文件夹2.3.3注意事项2.3.4配置环境变量
Kissship·2023-09-21 13:28

vue路由传参的几种方式

总结：1.this.$router.push进行编程式路由跳转2.router-link进行页面按钮式路由跳转3.this.$route.params获取路由传递参数4.this.$route.query获取路由传递参数5.params和query都是传递参数的，params不会在url上面出现，并且params参数是路由的一部分，是一定要存在的，query则是我们通常看到的url后面的跟在?后面
要努力奋斗鸭·2023-09-21 13:12

VUE路由与nodeJS环境搭建

VUE路由Vue路由是Vue.js提供的路由管理工具，它允许我们在应用程序中实现页面之间的导航，从而使单页面应用程序的开发更加方便。
浊酒与说心事·2023-09-21 12:40

vue路由 & nodeJS环境搭建

目录一、路由1.SPA是什么优势2.SPA实现思路和技术点***路由步骤***1、引入Vue.vue-router的js依赖2、定义组件（就是展示不同的页面效果）3、定义路由与组件的对应关系4、生成路由对象5、将Vue对象挂载到Vue实例中6、定义锚点7、跳转二、无痕浏览replace三、nodeJS环境搭建1.Node.js是什么？（是JS脚本语言的运行环境）2.npm是什么？npm其实是Nod
酒醉猫(^･ｪ･^)·2023-09-21 10:19
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他