router-link

Vue 路由跳转带参数和不带参数的几种方式

目录一、前言二、跳转方式1、router-link标签2、this.$router.push()(函数里面调用)3、this.$router.replace()4、this.
Wjhsmart·2020-08-21 02:51

vue面试题2018

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
只会写代码·2020-08-21 02:16

router-link标签Cannot read property '$route' of undefined"报错解决方法

报错代码：点击跳转exportdefault{data(){return{plans:[]}},asynccreated(){//请求到数据时$route没有实例化constplans=awaitthis.$axios.get('/plans')this.plans=plans.data}当放入v-for内时就会报如下错误：TypeError:Cannotreadproperty'$route'o
舜岳·2020-08-21 01:41

前端vue面试题汇总及答案

vue-router模块的router-link组件。嵌套路由怎么定义？在实际项目中我们会碰到多层嵌套的组件组合而成，但是我们如何实现嵌套路由呢？
kai0227·2020-08-20 13:07

vue路由跳转的三种方式

通过路由跳转的三种方式1、router-link【实现跳转最简单的方法】浏览器在解析时，将它解析成一个类似于的标签。
小渣渣0509·2020-08-19 10:18

12.vue-router相关API（1）router-link和router-view

官网链接：https://router.vuejs.org/zh/api：组件支持用户在具有路由功能的应用中(点击)导航。通过to属性指定目标地址，默认渲染成带有正确链接的标签，可以通过配置tag属性生成别的标签.。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的CSS类名。to：表示目标路由的链接。1.router-linkPropsto{{msg}}HomeVue.config.pr
official business·2020-08-19 05:45

Vue router-link使用的坑

####最近上手VUE，整体配置全部使用默认的配置，但是Route-link就是不跳转这是我src的项目目录这是router/index.js的代码，虽然和网上搜的其他的代码截图，整体没毛病，声明并导出了Vue-router的实例importVuefrom'vue'importRouterfrom'vue-router'importMainfrom'@/components/Main'import
暗影刀客·2020-08-19 04:35

vue router-view详细讲解一

在vue1.0版本的超链接标签还是原来的a标签，链接地址由v-link属性控制而vue2.0版本里超链接标签由a标签被替换成了router-link标签，但最终在页面还是会被渲染成a标签的关于为什么要把
Mr_lwb·2020-08-19 04:37

vue 路由的内置组件 router-view 详细介绍（有图有真相）

介绍当你的地址符合我的路由要求的时候，会把路由的组件在你的界面中呈现，而这个界面实在App.vue里面当你打开App.vue就会在里面发现这两个组件这两个是vue给你提供的两个vue内置组件功能介绍router-link
web前端 Zxp·2020-08-19 03:58

router-link 地址可以改变，但是router-view不渲染

1、看到这个标题百度，很多出现的问题都是单词拼写错误，比如exportdefaultnewRouter({routes:[{path：'\',component:home}]})很多强调的就是上面的routes不能有错误,因为很多人写的时候哦会写成routers2、我的错误是因为当时用vue-cli创建的项目，所以vue就已经引入到我们的项目中了，但是我是从别的项目搬过来的，所以在Index.ht
Celine_xn·2020-08-19 02:53

Vue(router-link路径可以切换，但是router-view标签内容不显示)

今天下午跟着视频练习Vue,可是突然卡壳了，卡了好久，对着视频都没有问题，最后网上找的了原因，居然是单词写错了！！！坑爹呀！？！第三行的单词routes写成了routers。记录一下。//配置导出路由exportdefaultnewRouter({routes:[{//路由路径path:'/content',//跳转组件component:Content},{//路由lujinpath:'/mai
不爱吃垃圾的小王·2020-08-19 01:18

随笔

随笔关于router-link:对于需要拦截的跳转,目前个人还没找到好的方式,所以只好手动写跳转关于vue中监听屏幕大小的问题data(){return{windowHeight:document.documentElement.clientHeight
liRemons·2020-08-18 20:41

web常见面试题总结

1、SPA首屏加载慢如何解决动态懒加载、按需加载、使用CDN缓存2、Vue里面router-link在电脑有用，在android机上没反应Vue路由在android机上有问题（babel问题），安装babelpolypill
刘半仙回来了·2020-08-18 20:38

vue-router中的router-link的active-class

vue-router中的router-link的active-class在vue-router中要使用选中样式的方法有两种：1、直接在路由js文件中配置linkActiveClass2、在router-link
Charlie8915·2020-08-18 19:23

手把手教你写VueRouter

Vue-Router提供了俩个组件`router-link``router-view`，提供了俩个原型上的属性`$route``$router`，我现在跟着源码来把它实现一下开始先看平时使用的`Vue-Router
泽能·2020-08-18 16:00

vue动态路由配置，vue路由传参

首先我们来了解下router-link这个组件：简单来说，它是个导航器，利用to属性导航到目标组件，并且在渲染的时候会自动生成一个a标签，当然官方也有说明，加个tag标签属性就可以渲染不同的标签，可以浏览器端
弹琴弹琴·2020-08-17 21:44

vue项目实现设置根据路由高亮对应的菜单项操作

高亮显示菜单是很常见的一个场景首先，在router-link标签上绑定对应的路径然后在css里面设置router-link-active类的样式即可切换路径的时候高亮对应的菜单也可以在router路由数组里面设置
·2020-08-17 09:57

Vue中router-link组件的属性

router-link组件的属性以下面的路由配置为例，介绍一下router-link组件的属性routes:[{path:'/home',component:{template:'Home组件'}},{
牧云流·2020-08-17 05:53

vue路由SPA的介绍

路由SPASPASPA是什么SPA实现思路和技术点通过vue的路由可实现多视图的单页Web应用(基于html的SPA)router-link相关属性完整代码SPASPA是什么单页Web应用（singlepageapplication
涵ヂ·2020-08-16 18:47

vue路由，history模式的原理

去除url#的方式，每次向服务器请求index.html，再由客户端分析当前url,做不同的变化router-link会生成a标签，a标签没有#，就会发请求的，为了解决这个问题，需要history原理：
couch-potato·2020-08-15 11:51

vue-router的参数的传递、懒加载以及嵌套路由的使用

文章目录1.安装一个带路由配置的项目2.配置一个起步路由3.修改路由配置的默认值4.了解router-link的属性5.手写代码模拟实现路由跳转6.动态路由6.1路由参数传递(params方式)6.2路由参数传递
鸭绒·2020-08-15 00:46

在 vue 中使用 vue-router

导入vue-router组件类库：使用router-link组件来导航登录注册使用router-view组件来显示匹配到的组件创建使用Vue.extend创建组件//4.1使用Vue.extend来创建登录组件
滑稽之霸·2020-08-15 00:45

怎么用vue-router的router-link实现当前路由下的刷新

做项目时候，用vue写了一部分代码，想要用router-link实现路由跳转，然后在当前页面，实现页面的刷新。
大大大石頭·2020-08-13 20:11

音乐app项目开发（一）

/build/webpack.base.conf.js文件下可以配置resolve的alias，即配置路径别名，可以用于引入文件css预编译器(sass|less|stylus)使用时安装对应依赖使用router-link
Herb100·2020-08-13 11:40

Mint-UI框架router-link返回上一页的方法 - 踩坑篇

代码如下：返回登录···其余代码省略···步骤·注意：我把返回按钮的router-link标签to设置为空；并在mt-button按钮上定义了click点击事件，以此来实现返回上一页功能；（此案例效果图省略
草巾冒小子·2020-08-12 15:30

Vue-Router基础（二）：base，linkActiveClass，linkExactActiveClass，scrollBehavior，parseQuery，stringifyQuery

然后你在应用里面，使用router对象去跳转还是使用router-link去跳转，只要你通过的是vu
Mr_大木·2020-08-11 19:14

vue的面试题

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
LinDaiuuj·2020-08-11 05:38

vue前端框架面试问题汇总，附答案

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？1、active-class是哪个组件的属性？嵌套路由怎么定义？
輕描淡寫以後的以後·2020-08-09 16:27

vue路由--参数获取、dom元素获取、给dom元素添加事件

路由信息对象，只读对象$router路由操作对象，只写对象一、参数的获取1、路由对象配置varRouter=newVueRouter({//配置路由规则routes:[//路由对象有了名称就等于有了变量名，router-link
couch-potato·2020-08-09 12:52

前端应用_Vue_vue-router 用router-link代替a 标签，设置默认的路由

之前用a标签，每次都需要在href里面添加#，用router-link可以避免。
上海_彭彭·2020-08-09 10:42

Vue 中使用 router-link 后，URL 变化但是页面不刷新，Vue获取java后台传过来的值

一.遇到的问题:Vue中使用router-link后，URL变化但是页面不刷新今天在项目中遇到了这样的问题:当使用router-link跳转后，想要返回，浏览器中的地址虽然改变了，但是页面却并没有刷新解决的办法
小周博客·2020-08-08 00:03

vue中路由激活效果

如下提供2种方法：1、class：查看控制台，发现vue给router-link中当前点击的元素动态添加了一个class名（router-link-exact-act
坏丶毛病·2020-08-07 17:45

vue router-link跳转后为空白页的解决办法

由于原文件为importrouterfrom'./router'然后自己添加路由文件:constroutes=[{path:'/home',component:Home},{path:'/spacenlp',component:SpaceNLP},{path:'*',redirect:'/home'}/*默认跳转路由*/]constrouter=newVueRouter({routes//（缩写）
Lyndsey·2020-08-07 14:02

Vue-Router、axios的用法、axios全局配置、axios拦截器、async/await用法

1.前端路由的概念根据不同的用户事件，显示不同的页面内容2.Vue-Router的的基本使用1.导入js文件先导入vue.js，再导入vue-router2.添加路由连接，《router-link》是路由中提供的标签
梦想在旅途Mr_Shaw·2020-08-07 10:50

vue-router路由跳转

声明式编程式router-link:to="…"router.pus
高压锅_1220·2020-08-05 16:46

vue的常见理论知识

active-class是vue-router模块的router-link组件。需要在VueRouter的参数中使用children配置，这样就可以很好的实现路由嵌套。
liurong1028·2020-08-05 10:47

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

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

vue页面跳转方式

1.标签跳转router-link点我到主页面2，点击事件跳转html:点我到第二个页面js:methods:{//跳转页面hreftwo(){this.
&廾*匸&·2020-08-04 07:58

vue页面跳转的两种方式

参考网址：https://www.jb51.net/article/160401.htm1、利用router-link跳转{{scope.row.yhbh}}2、jq代码进行跳转this.
String佳佳·2020-08-04 07:42

vue中页面跳转的几种方法总结

一、router-link标签跳转在html标签内使用router-link跳转，相应于超链接标签，使用方式如下：xxx但是a标签和router-link还有一点区别的：a标签W3C中的解释：a标签定义超链接
SuperMe20200412·2020-08-03 14:02

vue页面跳转的三种方式

vue页面跳转的方式a标签跳转vue的a标签跳转与传统的a标签跳转有一点区别，就是属性href的值，需要加上#，如href="#/article/all"，如果没有#，则会跳转到首页router-link
Fandy_meng·2020-08-03 13:06

vue点击按钮跳转到详情页

还是以乐队与音乐家为例，我们熟知当我们想要点击跳转时，有时候自然地想到了a标签，但是在vue中貌似不适用旧页面中则只有这一步操作router-link就是点击跳转，接下来就来到了新页面音乐家{{item.name
? Django?·2020-08-03 12:23

Vue 页面跳转

40297452/article/details/90704936//(id是参数)加tag就解析成了可以点击的li变成了鼠标移入切换//query推荐详情//params跳转相同页面数据不刷新详情注意：router-link
杜杜丶Du·2020-08-03 10:41

vue-router 如何在当前路由下重新点击当前路由的router-link实现刷新

首页exportdefault{......methods:{flushCom:function(){//router是路由实例,例如:varrouter=newRouter({})//router.go(n)是路由的一个方法，意思是在history记录中前进或者后退多少步，0就表示还是当前，类似window.history.go(n)this.$router.go(0);}}}@click.na
UMR小豪·2020-08-03 03:24

Vue+ElementUI 表格超链接跳转 | Vue路由跳转（带参数）

点击表格中的项目名称，跳转至/project/item页面，页面展示该项目下的分项信息详解vue路由跳转四种方式(带参数)1.router-link2.不带参数//name,path都行,建议用name//注意：router-link
Book_B·2020-08-02 15:36

vue-router 跳转中断，iview的menu组件高亮不变

技术点：1.使用vue-router的beforeRouteLeave钩子在路由即将离开当前页面进行条件判断，满足条件则继续跳转next()，否则不进行跳转2.vue-router的router-link
Miss_Liang·2020-08-01 10:06

vue2.0 $router和$route的区别

$route.params接收router-link传的参数。
zzz_zed·2020-08-01 09:48

Vue中一些需要注意的点（采坑）

前言：记录在学Vue中需要注意的问题1.给link添加事件、给组件绑定原生事件在vue-router1中使用v-link写入路由，但是在vue-router2中要使用router-link写入路由，在浏览器渲染的时候会把
CH--·2020-08-01 07:13

vue-router中的router-link的active-class

在vue-router中要使用选中样式的方法有两种：1、直接在路由js文件中配置linkActiveClass2、在router-link中写入active-class问题：如果就这样，那么会出现一个问题
小灰小汇·2020-08-01 05:34

vue $router和$route的区别

$router.push，和router-link跳转一样。。。this.$router.push会往history栈中添加一个新的记录。。
清风了了·2020-08-01 02:14
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他