router-view

vue爬坑之路1-路由跳转全新页面以及二级页面配置

路由跳转全新页面首先在app.vue中先定义router-view，这是主路由。
weixin_30375247·2020-08-05 20:43

vue-router源码解析

替换的地方，就是router-view组件所在地方,router-view组件是一个functional组件，根据路径和match算法，找到要渲染的组件进行渲染。这种渲染只有路径变化才会
yuxiaoyu.·2020-08-04 19:19

前端入门之(vue-router全解析三)

上一节前端入门之(vue-router全解析二)我们带着vue-router的push方法走了一遍源码,然后还分析了router-view的源码,最后还差router-link组件没有分析了,我们今天继续
vv_小虫·2020-08-04 19:50

vue项目实现页面的跳转

你可以router-view当做是一个容器，它渲染的组件是你使用vue-route
我相信慢思考的力量·2020-08-03 22:32

vue vue-router 同一个页面地址栏参数改变，页面不刷新的问题

监听路由变化，把初始化的方法重新写到监听的方法里面执行2、给router-view加个唯一的key，来保证路由切换时都会重新渲染触发钩子了expor
joyour·2020-08-01 14:31

vue-router(hash模式)常见问题以及解决方法

###问题一：```//动态路由/detail/:id```动态路由跳转的时候，页面是不刷新的，相信很多人都遇到了相同的问题>###解决方法在全局的router-view组件上设置一个key值，此key
water-gourd·2020-08-01 08:11

Vue中keep-alive配合router-view缓存路由

vue2.1.0之前：//router配置newRouter({routes:[{name:'a',path:'/a',component:A,meta:{keepAlive:true}},{name:'b',path:'/b',component:B,meta:{keepAlive:false}}]})vue2.1.0之后：2.1.0新增：include-字符串或正则表达式。只有名称匹配的组件会
jfengz·2020-08-01 07:31

用vue开发微信公众号H5移动端页面

redirect:'/main',component:'',children:[{path:'/main',name:'home',component:'',meta:{keepInner:false,//相对于router-view
weixin_34321753·2020-08-01 04:30

vue2 设置某个组件不被keep-alive

开发vue项目时，我们习惯于在router-view组件外添加keep-alive，可以缓存已经加载过的DOM，避免重复渲染，减小开销。
weixin_30454481·2020-08-01 03:42

vue 使用同一组件，切换时不触发created、mounted钩子

$route){...}}},方法二：在router-view上加上一个唯一的key，来保证路由切换时都会重新渲染触发钩子computed:{key(){returnthis.$route.name
weixin_30367543·2020-08-01 03:21

keepAlive缓存问题与解决

描述：首页页面go1→列表页面go2(跳转详情页回来需要缓存)→详情页面go3思路：在router配置metakeepAlive：需要注意的是别忘了用keepAlive包裹router-view。
show101999·2020-08-01 03:33

vue路由 - meta和全局路由的渲染前事件

true}}{name:'music',path:'/music',component:Music,meta:{isChecked:true}}路由钩子->权限控制的函数执行时期每次路由匹配后，渲染组件到router-view
couch-potato·2020-08-01 00:16

keep-alive的深入理解与使用(配合router-view缓存整个路由页面)

原文来自:http://blog.myweb.kim/vue/keep-alive/?utm-source=origin转载请注明出处。在搭建vue项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化’，此时便可以派上用场了。可以使被包含的组件状态维持不变，即便是组件切换了，其内的状态依旧维持在内存之中。在下一次显示时，也不会重现渲染。PS：与相似，只是一个抽象组件，它不会在DOM
强哥叨逼叨·2020-08-01 00:16

vue路由嵌套，配置children嵌套路由

嵌套路由就是路由里面嵌套他的子路由，可以有自己的路由导航和路由容器（router-link、router-view），通过配置children可实现多层嵌套1//mine组件234在mine的组件里面嵌套路由
web青梅煮码·2020-07-31 23:50

keep-alive不能缓存多层级路由菜单问题

这出现的原因是多级路由导致的，就是router-view嵌套在层级不同的router-view中切换tag会出现缓存数据失效的问题。
一路从容·2020-07-31 23:40

vue-router 路由嵌套 （无父级模块，不显示界面）

直接跳转到home界面，但是没有写component,导致一直界面不显示所以进行查询，发现是必须的再不想创建一个单独的VUE文件时，可以用以下代码实现component:{render:(e)=>e("router-view
Mr.裴·2020-07-31 22:34

vue-router中keep-alive的使用以及注意情况

1.使用+在app.vue中用keep-alive将router-view包裹起来+在router.js中处理{path:'/foodDeal/info',component:resolve=>require
左森·2020-07-31 21:25

解决vue 路由子组件created和mounted不起作用问题

keep-alive`启用未启用判断项目是否启用keep-alive启用使用exclude排除组件(我没有成功不知道为什么)使用v-if判断(成功解决)可以看到，我是通过meta里面的属性来判断，决定只用哪种router-view
洋洋洒洒做开发·2020-07-31 21:32

vue使用keep-alive实现数据缓存不刷新

1、keep-alive要配合router-view使用，这里要注意一点就是，keep-alive本身是vue2.0的功能，并不是vue-router的，所以再vue1.0版本是不支持的。
indd·2020-07-31 20:58

vue 路由 按需 keep-alive

1.把需要缓存和不需要缓存的视图组件区分开思路如下图:写2个router-view出口复制代码在Router里定义好需要缓存的视图组件newRouter({routes:[{path:'/',name:
疯三年·2020-07-31 20:03

使用 keep-alive实现页面缓存 有些页面还要及时更新的方法两种方法

1、keep-alive要配合router-view使用，这里要注意一点就是，keep-alive本身是vue2.0的功能，并不是vue-router的，所以再vue1.0版本是不支持的。
m0_45043105·2020-07-31 20:32

Vue2.0 心法 ==> 第三层：keep-alive 缓存之坑

需要缓存的路由，在keep-alive中加载，而不需要缓存的路由，单独用一个有name属性的router-view盛放。name属性指向不需缓存的路由名。在路由引入时，其
鹿的迷雾林·2020-07-31 20:42

vue单页应用页面缓存方案----纯干货

于是准备对我们的项目体验进行优化，从最开始了解的keep-alive着手，用keep-alive包裹router-view这样的结果可以对页面进行内存缓存，结构如下即
狂奔_的蜗牛·2020-07-31 19:20

vue中keep-alive实现前进刷新后退不刷新

>修改App.vue中router-view,根据路由中meta字段设置的变量判断是否被展示>在router/index.js中添加meta字段{path:'/PointsList',name:'PointsList
a18589032970·2020-07-31 15:03

VueRouter-在嵌套路由的过程中子路由不显示的问题

当点击新闻的时候，会展示新闻列表，当点击消息的时候，会出现消息列表错误场景但是当我运行的时候，点击新闻按钮，不显示新闻子路由的内容，点击消息按钮，也不显示消息子路由的内容，代码也没有报错解决方案1.父组件中没有写“router-view
Aurora-yi·2020-07-31 13:14

keep-alive的深入理解与使用(配合router-view缓存整个路由页面)

原来来自:http://blog.myweb.kim/vue/keep-alive/?utm-source=origin转发请注明出处。在搭建vue项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化’，此时便可以派上用场了。可以使被包含的组件状态维持不变，即便是组件切换了，其内的状态依旧维持在内存之中。在下一次显示时，也不会重现渲染。PS：与相似，只是一个抽象组件，它不会在DOM
mrhaoxiaojun·2020-07-31 12:04

一个典型的Vue应用的App.vue

比如url:/a/b/c(假设a、b、c都为正常路径，不会作为参数)那/a对应的就是App.vue中的router-view，/a进入a.vue中那/a
汪子熙·2020-07-30 21:44

登录页面实现隐藏导航栏

最近做的一个项目中，除了登录页面，其他页面都要显示导航栏，那么要如何实现在登录页面隐藏导航栏呢【v-show]实现隐藏某些页面项目描述，除了登陆页面，其余页面都是要显示导航栏的，所以入口component直接使用【router-view
heartxq·2020-07-30 20:06

【知识学习】vue项目操作后刷新当前router-view页面

借鉴自其他博主，附原文链接：https://blog.csdn.net/qq_16772725/article/details/804674921、修改App.vue，目的通过声明reload方法，控制router-view
luxury.·2020-07-29 23:58

系统学习大前端(10)---vue-router实现、模拟vue、VDOM实现原理

文章内容输出来源：拉勾教育大前端高薪训练营vue-router实现基本使用创建路由组件vue.use()注册vue-router注册router对象设置占位router-view创建链接router-link
柒月梦·2020-07-29 18:20

vue 的keep-alive的使用

可也看看link我具体说说自己在项目中的使用,我采用的是$route.meta.keepAlive的方式来实现路由切换时,页面的缓存App.vue里面使用keep-alive,如下注意:我在不需要缓存的router-view
有风吹是幸福的·2020-07-29 01:49

vue.js 学习第二天: 路由基础篇

在这边我们可以学习到1):router-link和router-view组件2):路由的配置:a.动态路由的配置b.嵌套路由的配置c.命名路由的配置d.命名视图3):js来操作路由4):重定向和别名首先我们理解一下我们之前创建的
剑指仕途·2020-07-28 14:08

Vue中路由详解

路由router-view路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about按钮，页面中就要显示about的内容。
mini白·2020-07-28 03:33

vue-element-admin学习笔记——带你用vue撸后台 系列一（基础篇）

文章目录目录结构api和views封装axiosaxios基本案例axios.create示例axios请求拦截器axios响应拦截器request库源码分析router-view参考链接目录结构api
何去何从2857·2020-07-27 12:40

解决Vue中的生命周期beforeDestory不触发的问题

分享一句很有用的经验：给router-view加了个keep-alive导致组件缓存了，所以不会触发beforeDestory和destoryed结束！
·2020-07-27 11:54

vue单页面，多路由，页面跳转但不清除之前页面的记录

【router-view】+【keep-alive】单页面多路由实现component跳转但不覆盖原来页面记录【router-view】用于页面渲染指定路由对应的组件假如所有组件都要缓存历史记录，实现返回该组件时能显示原始记录
heartxq·2020-07-20 15:09

vue中 keep-alive+transition+router-view使用

后来希望可以在列表页加上一个缓存，这样来回切换页面就不需要重新刷新列表，由于我在router-view上已经套过动画标签如下：再嵌套keep-alive后动画就没有了后来发现keep-alive有两个属性
可恶的光头强·2020-07-14 04:55

vue-router的router-view不能渲染;vue2.0中遇到的路由上的一些坑

router.push('/foo');[rootVue]必须替换成指向你的Vue实例1月5日回答评论编辑答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问今天开始上vue班车，尝试搭建框架的时候，我也遇到了router-view
Ethanhuyi·2020-07-13 21:51

VUE+ElementUI布局随笔

4.若router-view想通过name属性来指定渲染的组件，则在router.js中，该组件在注册时，必须是components的方式，否则无法加载。5.vue项目会加载public/inde
weixin_30700977·2020-07-13 17:10

vue-router-keep-alive及其他问题和属性介绍

它里面有两个非常重要的属性：1.include-字符串或正则表达式，只有匹配的组件会被缓存2.exclude-字符串或正则表达式，任何匹配的组件都不会被缓存router-view也是一个组件，如果直接被包
Eli-sun·2020-07-13 16:22

使用webpack创建vue项目，安装vue-router和不安装vue-router的区别

你可以router-view当做是一个容器，它渲染的组件是你使用vue-router指定的。
style_zyh·2020-07-13 13:06

使用ElementUI的container布局容器布局项目

router-view我加载了L
哈喽哈66606·2020-07-13 10:55

VUE+ElementUI布局随笔

若router-view想通过name属性来指定渲染的组件，则在router.js中，该组件在注册时，必须是components的方式，否则无法加载。vue项目会加载publ
HowYouth·2020-07-12 22:12

vue2.0填坑之--不显示router-view

Vue.use(VueRouter);constrouters=[{path:'/goods',component:goods},{path:'/ratings',component:ratings},{path:'/seller',component:seller}];constrouter=newVueRouter({linkActiveClass:'active',routers:route
也不是什么极客·2020-07-10 12:31

vue2.0之vue-router的神坑 router-view不显示

今天早上学习vue-router的时候敲了两个小时，找了一个小时问题，终于知道问题之坑在哪里，希望我的问题可以帮助初学vue的童鞋，下面直接看代码吧，简单粗暴。总结记录，以免以后犯下同样的错误constrouter=newVueRouter({mode:'history',base:__dirname,routes:[//***重点在这里是routes而不是routers，否则标签是真的不会显示的
超级无敌美少女二宝·2020-07-10 04:35

vue-router不同的路由共用一个组件component的问题

由于router-view是复用的，单纯的改变id号并不会刷新router-viewwatch除了可以监听数据的变化，路由的变化也能被其监听到:keyvue为你提供了一种方式来声明“这两个元素是完全独立的
TianNicholas·2020-07-09 22:37

vue-router嵌套路由中无父级组件的设置方法

解决方法：component:{render:(e)=>e("router-view")},需求在一些情况下，会有设置二级路由，但一级路由不需要component的特殊需求比如我在data路由下需要List
寻ing·2020-07-09 13:06

vue-router路由安装与使用

1.vue-router路由安装在当前项目根目录运行npminstallvue-router--save-dev2.在App.vue增加router-view标签这里是路由页面的显示区域：3.新建router
zy1281539626·2020-07-09 06:06

vue学习总结(六--黑马买买买项目--附源码)

vue-cli做黑马买买项目:步骤:一.开始创建项目1.创建命令:vuecreateheimabuy2.打开命令cdheimabuy3.删掉hello-world多余文件4.在App.vue里导入首和尾(中间放router-view
庚中·2020-07-09 01:25

vue-router嵌套路由，二级路由。

嵌套也就是路由中的路由的意思，组件中可以有自己的路由导航和路由容器（router-link、router-view），通过配置children可实现多层嵌套，在vue组件中使用就可以了。
weixin_30770495·2020-07-08 14:40
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他