vue路由新手学习

Vue常见问题——Vue路由跳转、切换、返回页面不刷新问题

前言最近用iview-admin做后台管理系统，遇到了个问题，列表页面点击进入详情页面编辑，编辑完成自动跳转到列表页，需要页面重新刷新请求列表（后管就是这么简单粗暴），然并卵~，再次回到列表页页面不会重新刷新；问题很好解决，因为iview-admin的路由设置会默认缓存页面notCache:false,因此我直接设置notCache:true就ok了，页面可以重新刷新。但是我觉得这个问题简单也不简
ZD717822023·2020-10-09 13:26

vue 手写一个vue-router

创建项目yarnaddvue-router安装vue-router创建一个router文件夹并使用：2.实现目的router/index.js内容如下：（我们的目的将引入自写的vue-router实现vue
舜岳·2020-10-04 21:14

Vue路由Hash模式分析

Vue路由Hash模式分析Vue-router是Vue的核心组件，主要是作为Vue的路由管理器，Vue-router默认hash模式，即使用URL的Hash来模拟一个完整的URL，当URL改变时页面不会重新加载
·2020-10-04 16:00

vue笔记-17（vue路由基础）

什么是路由后端路由：对于普通的网站，所有的超链接倒是URL地址，所有的URL地址都对应服务器上对应的资源前端路由：对于单页面应用程序来说，主要通过URL中的HASH(#号)来实现不同页面之间的切换，同事hash有一个特定：HTTP请求不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端路由）vu
7ColorLotus·2020-09-28 11:36

vue路由案例详解

1.能够说出什么是路由2.能够说出前端路由的实现原理3.能够使用Vue-Router实现前端路由4.能够实现嵌套路由，动态路由5.能够实现命名路由以及编程式导航6.理解并实现后台管理案例1.路由的概念路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由
一晌贪欢i·2020-09-27 17:25

springboot+springcloud项目

根据尚硅谷官方发布的一套完整的springboot项目，谷粒学院项目—强烈推荐学习，此项目整合多种技术，难度比较高，不建议新手学习，推荐把我前面发布的springboot项目学习一遍，然后自己手写一个简答的前后端分离项目
自学java的菜鸟小赵·2020-09-25 16:25

vue学习笔记（二）

6.Vue路由基础不同的路由对应不同的内容或者页面的任务，分配给前端使用6.1动态路由匹配6.1.1单个参数第一步：修改router目录下index.js文件importVuefrom'vue'importRouterfrom'vue-router'importVideoListfrom
南京郭大侠·2020-09-21 22:23

vue-router手写、 vue-router原理

vue路由有三种模式：hashhistory和abstract:hash:使用URLhash值作路由，支持所有浏览器history：需要HTML5HistoryAPI和服务器配置结合。
不停留·2020-09-21 15:02

JavaScript新手学习实用建议+学习整理文档

在网上找到篇文章，非常适合学习JavaScript的新手，转来和大家分享。另外整理了个JavaScript从入门到精通【完整版】doc文档，希望大家喜欢。Javascript教程--从入门到精通【完整版】.rar本文列出了24条能让你的代码编写过程更为轻松高效的建议。也许您还是JavaScript初学者，刚刚写完自己的HelloWorld，那这里有很多对您的工作将十分有用的小贴士；也许有些技巧您已
weixin_30571465·2020-09-17 13:14

vue路由实现前进刷新后退不刷新功能

需求有A->B->C三个页面，要实现A页面进入B页面，B页面重新获取数据。从C页面返回到B页面，B页面有缓存，不用重新获取数据。实现方法包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。的include属性对应匹配的组件将会被缓存。在vuex声明一个数组变量作为include属性的值。在B页面上使用beforeRouteEnter内给变量数组添加B页面组件名添加缓存，beforeRouteL
过眼云烟2015·2020-09-17 06:28

vue路由出口(router-view)为和路由入口(router-link)呈兄弟元素无法准确匹配跳转解决方案

1.问题背景如图所示，路由出口和入口为兄弟元素，页面还有其它路由，会发生子级路由不能准确匹配，无法渲染数据2.踩坑记录布局页面，设置"router-link"和"router-view"配置路由页面效果3.解决方案设置路由出口时，给router-view，设置name属性/*设置路由出口时，给router-view，设置name属性*/配置路由跳转:使用components，name/defaul
神奇程序员·2020-09-17 06:33

【推荐】JIRA入门教程，适合新手学习。

买JIRA上CSDN，特殊折扣购买通道：http://atlassian.csdn.net/module/btc/atlassian/prduct_detail?project_id=445&module=34&product=9JIRA是澳大利亚Atlassian公司开发的一款优秀的问题跟踪及管理软件，对各类问题的工种管理，包括缺陷，需求等。以下教程能帮您迅速了解熟悉该软件的功能。手把手教你学习
Atlassian·2020-09-17 05:39

vue 使用路由器_使用Vue路由器进行Vue身份验证和路由处理

vue使用路由器VueisaprogressiveJavascriptframeworkthatmakesbuildingfrontendapplicationseasy.Coupledwithvue-router,wecanbuildhighperformanceapplicationswithcompletedynamicroutes.Vue-routerisanefficienttoolan
culiu9261·2020-09-17 01:53

HTML从小白开始学习（1）

标签分为单标签和双标签，关系分为包含关系和并列关系基本结构标签根标签文档的头部，必须在其中设置title标签文档的标题，也就是网页的标题文档的主体，所有的内容基本上都是放到body里面的新手示例新手学习
lalala_liufan·2020-09-16 23:38

vue 路由懒加载 resolve vue-router配置

vue路由懒加载resolve作用：如果用import引入的话，当项目打包时路由里的所有component都会打包在一个js中，造成进入首页时，需要加载的内容过多，时间相对比较长。
asteriaV·2020-09-16 22:02

手动封装—Vue路由

src/router/index.js//使用插件的流程//1.引入vueimportVuefrom'vue'//2.引入插件importlyRouterfrom'../ly-router'importHomefrom'../components/Home.vue'importListfrom'../components/List.vue'//3.Vue.use使用当前插件//找install方法
刘大杨啊·2020-09-16 19:15

最适合初学者的语言是什么？

【编者按】本文作者为ChrisWard，主要分享了Chris在多年的编程教学中，积累下的一些经验教训，以及在他眼中，新手学习语言时的注意事项。文章系国内ITOM管理平台OneAPM编译呈现。
OneAPM官方技术·2020-09-16 19:50

Kotlin新手学习教学路程

原始接口代码：public@interfaceActivityScoped{}Kotlin接口代码：annotationclassActivityScoped原始实现方法：@Overridevoidinject(DaggerApplicationinstance); AppComponent.Builderapplication(Applicationapplication);Kotlin实现方法
自带BGM的青春·2020-09-16 18:02

Vue路由

vue可以实现两种路由1.根据地址进行路由2.根据某一条件对某块区域内展示内容进行路由1.根据地址可以用Vue_Router这个组件2.区域展示内容的路由有多中处理方式2.1.官网中通过Render实现2.2.vue的其他处理方式推荐使用第二种
xiaofather·2020-09-16 17:19

Vue路由中的router-link-exact-active和router-link-active

1.router-link-exact-active和router-link-active这两个类名是Vue路由自带的（1）router-link-exact-active当路由到哪里时，该类名就添加到对应的路由标签上比如
诸葛妖道·2020-09-16 13:38

vue路由传参的方式

方案一：getdata(id){//直接调用router.push实现携带参数的跳转this.router.push实现携带参数的跳转this.router.push实现携带参数的跳转this.router.push({path:/list/${id},})方案一，需要对应路由配置如下：{path:‘/describe/:id’,name:‘Describe’,component:Describe
yuanyuchengyyc·2020-09-16 12:10

vue路由传参的两种方式,实现返回上个页面不刷新

我的项目是当在新增页面(下面叫A页面)先提交一些数据,然后跳转到下一个页面(下面叫B页面)再填写数据,然后返回到新增的页面之前我直接跳转回B页面goback(),这样的话跳转回来A页面就什么数据都没有了解决方法有两种,一种是在地址栏里面拿参数this.$router.push({name:'xxxxxxxxx',//跳转的页面名称params:{id:this.id||"xxxxxxxxxx"}}
神探小白牙·2020-09-16 11:44

Html5监听返回事件

常使用的场景：移动前端1、安卓手机物理返回键2、苹果手机在企业微信打开浏览器的返回按钮移动前端开发语言是：vue路由跳转：vue-routerhash模式先介绍一下html5中history有哪些属性和
CSDN_gmm·2020-09-16 11:48

vue 路由缓存点击下一页返回之前的页面在原先的滚动位置

vue路由缓存点击下一页返回之前的页面在原先的滚动位置1.app.vueexportdefault{name:'app',data(){return{transitionName:'',aliveComponent
我一直在路上·2020-09-16 11:44

vue路由进入下一层返回上一层重复跳转之前进入页面

说明vue路由返回上一层，使用this.$router.back(-1)进入其他页面用this.
web宁爸爸·2020-09-16 10:57

Vue路由

Vue路由SPA是什么单页Web应用（singlepageapplication，SPA），就是只有一个Web页面的应用，是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序
weixin_30670965·2020-09-16 09:44

当前vue路由组件重新加载

利用v-if控制router-view，在根组件APP.vue中实现一个刷新方法exportdefault{data(){return{isRouterAlive:true}},methods:{reload(){this.isRouterAlive=falsethis.$nextTick(()=>(this.isRouterAlive=true))}}}然后其它任何想刷新自己的路由页面，都可以这
Ammy米·2020-09-16 06:57

vue 路由嵌套 及 router-view vue-router --》children

vue路由嵌套vue-router--》children在项目的很多子页面中，我们往往需要在同一个页面做一个组件的切换，同时保存这个页面的部分数据（比如树形菜单），进而显示不同的数据，之前我都是通过v-show
weixin_30640291·2020-09-16 06:30

Vue路由，关于地址栏没有问题，router-view是一片空白

首先看源代码目录结构如下：App.vueexportdefault{}Home.vue首页exportdefault{};User.vue用户exportdefault{};main.jsimportVuefrom'vue'importAppfrom'./App.vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)Vue.config.prod
闹闹没有闹·2020-09-16 06:59

jquery实操学习大纲整理

花费了一下午时间来整理的jquery常用的方法，适合新手学习，忘了的时候上来看看，多查一查，多练一练其实很容易记住了。
一条咸鱼青年·2020-09-16 06:58

【Vue】路由Router嵌套的实现及经典案例

Vue路由嵌套先来准备一个普通的路由案例：Document登录注册//创建两个子组件模板对象varlogin={template:"登录模块"}varregister={template:"注册模块"}
心。晴·2020-09-16 05:24

vue2路由view-router配置（懒加载）

vue路由配置以及按需加载模块配置1、首先在component文件目录下写俩组件：First.vue:我是第一个页面exportdefault{name:'first',data(){return{msg
前端大蜜桃·2020-09-16 05:47

Vue中的路由以及默认路由跳转

文章目录官方网址Vue路由配置安装引入并使用配置路由官方网址https://router.vuejs.org/Vue路由配置安装npminstallvue-router--save或者cnpminstallvue-router
启四·2020-09-16 04:24

vue路由懒加载,组件按需加载

“懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时。”路由懒加载原路由配置：importVuefrom"vue";importRouterfrom"
wen_special·2020-09-16 04:56

如何去掉vue路由中的#

通过脚手架vue-cli构建的项目，在项目启动后，URL地址上都会带有#，如：http://localhost:8080/#/father原因：这是因为vue-router默认hash模式，使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。因为对于正常的页面来说，更换url一定是会导致页面的更换的，而只有更换url中的查询字符串和hash值得时候才不会重新加载页面解
weixin_33743880·2020-09-16 04:15

nginx中 vue路由去掉#后的配置问题

location=/{rewriteindex.htmlpermanent;try_files$uri$uri//index.html;}转载于:https://www.cnblogs.com/jackjo/p/9707034.html
weixin_30587927·2020-09-16 04:56

vue路由相对路径跳转

今天写东西遇到多层路由，路由之间跳转时需要相对路径，因此查了一下官网用到了append属性和router.resolve方法，因此列出具体的使用方法。1.append属性设置append属性后，则在当前(相对)路径前添加基路径。类型:boolean默认值:false例如：我们从/eth（基路径）导航到一个相对路径/eth/block，/eth—>/eth/block，路由设置为block如果添加了
躺在家里不干活·2020-09-16 04:10

Vue路由传参的三种基本方式

Vue路由传参的三种基本方式现有如下场景，点击一个button按钮跳转到另外一个路由页面，并向目标路由页面传递参数，便于目标路由页面获取源页面传递的数据信息。
w13707470416·2020-09-16 04:01

vue项目中的路由配置

功能页比较多，就使用vue路由来进行跳转；个人比较习惯上面这种方式放置路由文件，并且使用懒加载的模式来配置，如下：importVuefrom'vue'importRouterfrom'vue-router
墨咎·2020-09-16 03:30

vue路由中$route与$router，path与name，params与query的区别梳理

一、router和router和router和route的区别$router:是路由操作对象，只写对象route:路由信息对象，只读对象栗子：//route:路由信息对象，只读对象栗子：//route:路由信息对象，只读对象栗子：//router操作路由跳转this.$router.push({name:'hello',params:{name:'word',age:'11'}})//$route
meng2lin·2020-09-16 03:55

vue路由切换时取消之前的所有请求

在main.js文件里importrouterfrom'router/';importVuefrom'vue';Vue.Cancel=[];router.beforeEach((to,from,next)=>{while(Vue.Cancel.length>0){Vue.Cancel.shift()('cancel');}next();})ajax文件importVuefrom'vue';imp
bloxed·2020-09-16 02:25

vue路由配置，vue子路由配置

上一篇关于vue环境配置已经写好了！按照操作就行了！现在一个项目已经部署完成，接下来我们从路由开始！还记得在初始化项目的时候，有提示是否需要安装vue-router，对没错，vue中路由全靠它！首先找到路由配置文件router>index.js，是整个项目路由配置文件首先看最上面的，这个模块引入，ES2015中的import...from...将你需要配置的组件先引入进来export输出路由实例，
diego1993·2020-09-16 02:29

vue路由模块化

在我们开发vue项目的时候，若是将所有的路由，写在一个路由文件下，此时路由文件就特别难以维护，路由文件看着也会错综复杂，不利于我们管理。所以路由的配置也要模块化。main.js设置mian.js中引用路由routerimportVuefrom'vue'importAppfrom'./App'importrouterfrom'./router'importAntdfrom'ant-design-vu
丶酸酸·2020-09-16 02:07

vue路由之query传参

https://blog.csdn.net/u014628388/article/details/81085624配置完成后：1、:to="{name:'detail',query:{id:item.pid}}"{{item.pname}}2、通过this.$route.query.id接收值.然后params传值varDetail={template:'#detail',data:functio
QQ帝国·2020-09-16 02:02

Vue路由包含#号导致的Nginx无法转发问题

要解决的场景现有2个前端应用A和B，域名不同，页面相同(B对A进行了重构)，后续页面功能的开发都会在B应用中，但由于A应用页面的入口已经对外开放，故不能A应用不能下线，期望通过跳转的方式，将所有打到A应用的请求，转发到B应用上。部署情况A应用为纯VUE静态工程，使用Nginx进行负载，URL采用Hash模式，即采用#方式，比如https://xxx.xx.com/myreport/#/myRepo
FollowYourHeart2015·2020-09-16 02:56

vue路由如何变为懒加载

1.这是我们通用的写法importVuefrom'vue'importRouterfrom'vue-router'importonefrom'../components/one'importtwofrom'../components/two'importthreefrom'../components/three'Vue.use(Router)exportdefaultnewRouter({rout
锦哥哥·2020-09-16 02:28

vue路由笔记记录（建议是使用path+query进行传参）

1.使用$router传参，$route获取参数//$router:是路由操作对象，只写对象//$route:路由信息对象，只读对象//操作路由跳转this.$router.push({name:'hello',params:{name:'word',age:'11'}})//读取路由参数接收this.name=this.$route.params.name;this.age=this.$rout
T-GDragon·2020-09-16 02:47

VUE项目问题之：去掉url中的#/

一、问题使用VUE路由，项目的url总是带有锚点，如下：http://localhost:8082/#/二、解决修改路由文件中index.js文件，即src-->router-->index.js没修改前
萤火虫&·2020-09-16 02:15

vue路由配置

文件内容：npminstallvue-routervue-resource--save-dev（安装vue路由模块vue-router和网络请求模块vue-resource）importVuefrom'vue'importRouterfrom'vue-router
灿尔哈擦苏·2020-09-16 02:17

vue-router 中的 “#” 或 "#!"

不懂vue路由里“#”或"#!"分别什么意思我自己demo里的路由有“#”http://localhost:8080/#/home/article看到网上的vue路由有“#！”
飞翔的熊blabla·2020-09-16 02:12
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他