router-link

vue路由教程之静态路由

首先在html中，引入vue-router.js和vue.js，用router-link触发路由跳转，router-link可以像a标签一样使用和定义样式router-view区域是路
手指乐·2019-09-03 14:44

React、Vue在IE的兼容问题

$el.parentElement解决这玩意还能咋解决用原生呗class、id都行letparent=document.getElementsByClassName('top-chart')[0]router-link
可乐程序员·2019-08-29 17:12

Vue路由实现页面跳转的两种方式（router-link和JS）

Vue.js路由可以通过不同的URL访问不同的内容，实现多视图的单页Web应用1、通过实现组件用于设置一个导航链接，切换不同HTML内容使用方法：简单写法demo2使用v-bind的写法demo2demo2传参的写法demo2这里传参需要在router.js中对demo2的路径进行配置，在path中demo2后添加通配符:和对应的userId，如下：{path:'/demo2/:userId',n
Leophen·2019-07-30 00:00

vue路由跳转的方式

$router.go(n)一、不带参1.1router-link//name,path都行,建议用name//注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开
麋鹿鲁哟·2019-07-15 18:00

路由簡單傳參

2019/07/1315:01查詢字符串在router-link的to后加？
monk96·2019-07-13 15:18

vue2.0中router-link详解

vue2.0中router-link详解组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的标签，可以通过配置tag属性生成别的标签。
Amanda_wmy·2019-07-10 10:26

12.路由设置高亮

1.设置高亮设置路由后，检查页面代码，发现router-link在页面中直接渲染的是a标签，当前路由a标签含有一个名为router-link-active的类。
nora_wang·2019-07-05 18:09

vue前端框架面试问题汇总

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
AuroraCD·2019-07-05 10:41

深入了解query和params的使用区别

你说他们俩长得也不像吧，可这用法实在是太类似了下面就让我们分别从vue路由和Node接收两个角度讲他们的区别vue路由中的传参假设我们现在需要实现一个路由切换，点击之切换到W组件并传递一个id值和一个age值我们运用router-link
夜行�L·2019-06-24 10:14

vue路由学习-向路由组件传递数据

配置路由，设置参数（param/query）children:[{path:'/home/solo/msgdetail/:id',component:MsgDetail}]':id’表示是params写法router-link
doitba·2019-06-22 14:10

vue-router中如何让'router-link'渲染成指定的标签？

默认会被渲染成一个``标签-->GotoFooGotoBar比如上面'GotoFoo'的就会被渲染成：GotoFoo那如果我们根据需要想把'router-link'渲染成指定的标签该怎么办呢？
duansamve·2019-05-19 22:01

vue-router之命名路由和命名视图

就是在routers配置路由名称的时候给路由定义不同的名字，这样的好处就是可以在使用router-link的to属性跳转路由的时候传一个对象从而实现与router.push一样的效果：User等同于router.push
zsyyyyy·2019-05-13 19:16

vue-router之页面跳转（二）

一、router-link标签跳转在html标签内使用router-link跳转，相应于超链接a标签，使用方式如下：[显示字段]to：导航路径使用示例如下：导航 ：   首页   hello二、编程式导航
MarsLo·2019-05-08 10:02

基于vue-cli 路由 实现类似tab切换效果（vue 2.0）

1，更改main.js2，在App.vue中，写入两个跳转链接（router-link），分别跳转到“home”“About”（home、About即分别是两个组件）----其中，为什么要使用,请移步：
pearl007·2019-05-08 10:30

vue路由跳转传参数的方法

vue中路由跳转传参数有多种,自己常用的是下面的几种通过router-link进行跳转通过编程导航进行路由跳转1.router-link1.path->是要跳转的路由路径,也可以是路由文件里面配置的name
帅阿星·2019-05-06 15:12

详解如何使用router-link对象方式传递参数？

疑问：（判断和传参）点击导航栏目，js如何判断自己点击的是哪个具体栏目？它们是如何传参的？如何使用params，携带查询参数？效果图解说：A.点击选择【屈原“查看详情”】之前B.点击选择【屈原“查看详情”】之后要点总结：在vue-router中，有两大对象被挂载到了实例this；$route（只读、具备信息的对象）；$router（具备功能的函数）查询字符串：1.去哪里？xxx2.导航（查询字符串
草巾冒小子·2019-05-02 10:54

详解vue 路由跳转四种方式 (带参数)

1.router-link1.不带参数//name,path都行,建议用name//注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。
懂懂kkw·2019-04-28 16:28

vue.js面试题总汇

vue-router模块的router-link组件。嵌套路由怎么定义？在实际项目中我们会碰到多层嵌套的组件组合而成，但是我们如何实现嵌套路由呢？
前端工程师申胥·2019-04-23 19:32

vue-router实例

vue路由使用介绍#app{position:absolute;}router-link{position:absolute;}.dropbtn{display:inline-block;color:white
qq_34500270·2019-04-23 10:56

vue-router 前端路由之编程式路由

如果要跳转一个路由，可以使用router-link的方式进行跳转，可是这样做有一定的局限性，假设，我们希望在进行路由跳转传入一些参数进去，这个时候，应该怎么操作呢？
艾欢欢·2019-04-20 19:12

vue路由对不同界面进行传参及跳转的总结

点击编辑这个是我常用的传参及跳转路由的方法，下面剪短说一下这个代码，在router-link中:to后面跟着的就是主角（跳转、传参）的内容了，其实我们在从后台拿到数据遍历后，每一个对应的id都会
purple_sunset·2019-04-20 09:14

vue路由对不同界面进行传参及跳转的总结

点击编辑这个是我常用的传参及跳转路由的方法，下面剪短说一下这个代码，在router-link中:to后面跟着的就是主角（跳转、传参）的内容了，其实我们在从后台拿到数据遍历后，每一个对应的id都会
purple_sunset·2019-04-19 17:00

详解vue中router-link标签所必备了解的属性

to表示目标路由的链接。当被点击后，内部会立刻把to的值传到router.push()，所以这个值可以是一个字符串或者是描述目标位置的对象。HomeHomeHomeHomeHomeUserRegisterreplace设置replace属性的话，当点击时，会调用router.replace()而不是router.push()，导航后不会留下history记录。append设置append属性后，则
雪碧配土豆·2019-04-15 09:00

vue router-link中选中路由设置样式

在页面中定义好需要的样式和类名.router-link-active{...}然后在routes.js页面new路由对象的时候加入写好的类名即可letrouterInstance=newRouter({//配置激活时要使用的类名linkActiveClass:'router-link-active',mode:'history',waitForData:true,transitionOnLoad:
ajzzz·2019-03-05 14:41

Vue 实现手动刷新组件的方法

开发过程遇到了一个问题，就是我的router-view里面渲染出来的组件输入数据之后，我点击路由视图外边的导航栏router-link按钮，可以实现清除router-view里面的数据，也就是使组件重新渲染
南波·2019-02-19 11:29

vue-router 2.0 常用基础知识点之router-link

前端采用前后端分离的方式进行开发，我们使用vue2.0框架，做单页面应用难免会用到vue-router，今天把项目中的用到router-link摘出来，一是想整理一下这些用法，方便下次快速查找，二是重新再过一下
az44yao·2019-01-24 19:58

vue router-link点击事件无效解决方法

在router-link上使用@click无效是因为router-link的作用是单纯的路由跳转会影响阻止点击事件，使用@click.native就可以了
前端恶霸·2019-01-22 10:39

Vue小项目——仿cnode.js社区

（）坑点：1.在router-link里:
YuFengxxx·2019-01-20 16:11

vue 路由跳转四种方式 (带参数)

1.router-link1.不带参数//name,path都行,建议用name//注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。
懂懂kkw·2019-01-09 19:39

解析Vue-router相关基础知识及工作原理

当你要把vue-router添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉vue-router在哪里渲染它们起步//***router-link告诉浏览器去哪个路由
前端攻城小牛·2018-12-27 22:41

Vue使用routerlink实现点击导航栏进行页面跳转

使用router-link来实现跳转1.如代码所示，router-link后面的to需要的内容是要跳转界面的路径。这个路径在src–>router–>index.js中进行编辑。
nuannuanloveai·2018-12-19 13:45

vue不同方法跳转页面

vue跳转不同页面的多种方法1：router-link跳转点击跳转2点击跳转1点击跳转32：this.
Janus_lian·2018-12-12 10:57

vue-element-admin我踩的坑（1）

router,route问题在template里面，如果某个页面元素需要跳转到其他页面，那么需要用router-link把元素包起来，如跳转路径里面加单引号，可以设置变量（这里用param的方式，不细说
nailgo·2018-12-10 10:14

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

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
追梦猪·2018-12-01 10:29

简述vue路由打开一个新的窗口的方法

简单说一下vue路由如何打开一个新的窗口1.router-link标签在vue的官方文档中看到这大家应该会想，既然router-link不支持target="_blank"属性，那我们该怎么用router-link
pinbolei·2018-11-29 08:52

vue路由打开一个新的窗口

简单说一下vue路由如何打开一个新的窗口关注我的个人博客:pinbolei.cn，获取更多内容1.router-link标签在vue的官方文档中看到这大家应该会想，既然router-link不支持target
pinbolei·2018-11-29 08:40

vue的跳转方式（打开新页面）

router-link跳转//直接写上跳转的地址link跳转//添加参数//参数获取id=this.$route.query.id//新窗口打开```javascript2.this.
浊清。。。·2018-11-22 10:21

前端与移动开发之vue-day6（4）

将底部的页签，改造成router-link来实现单页面的切换；TabBar
czbkzmj·2018-11-21 14:16

router-link 样式

组件支持用户在具有路由功能的应用中(点击)导航。通过to属性指定目标地址，默认渲染成带有正确链接的标签，可以通过配置tag属性生成别的标签.。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的CSS类名。比起写死的会好一些，理由如下：无论是HTML5history模式还是hash模式，它的表现行为一致，所以，当你要切换路由模式，或者在IE9降级使用hash模式，无须作任何变动。在HTML5
一块没梦想的海绵宝宝·2018-11-21 10:30

router-link 样式

组件支持用户在具有路由功能的应用中(点击)导航。通过to属性指定目标地址，默认渲染成带有正确链接的标签，可以通过配置tag属性生成别的标签.。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的CSS类名。比起写死的会好一些，理由如下：无论是HTML5history模式还是hash模式，它的表现行为一致，所以，当你要切换路由模式，或者在IE9降级使用hash模式，无须作任何变动。在HTML5
一块没梦想的海绵宝宝·2018-11-21 10:30

Vue功能总结

独角兽企业重金招聘Python工程师标准>>>vue列表点到详情1、routes里面设置id{path:"/carrier-show/:id",component:CarrierShow},2、设置列表router-link
weixin_34320159·2018-11-08 13:00

vue路由跳转传递参数，query和params方式传递

vue路由跳转(router-link的to属性，或者this.$router.push()方法)传递参数有两种方式：query和params。
bamboozjy·2018-11-08 10:09

【vuejs面试题】务必熟知的vuejs面试题「务必收藏」

嵌套路由怎么定义(1)、active-class是vue-router模块的router-link组件的属性(2)、使用children定义嵌套路由2、怎么定义vue-router的动态路由?
starkwang·2018-10-23 00:00

vue-router之nuxt动态路由设置的两种方法小结

方法一：router-link{{user.nickname}}注意：1---to前面别忘记加一个冒号，作为动态路径，用变量理解2--正常路由别忘记带引号（本身是字符串）方法二：函数式路由1.在listItem
HainesFreeman·2018-09-26 14:21

路由

2、router-link标签其实与html中的标签相同，同样实现的是跳转的功能。3、router-view标签是用来盛放链接对应的内容。
大宝贝_4c6e·2018-09-24 15:17

vue.js路由的几种传参方式及特点，包括router-link，$router.push，动态路由匹配，params和query

最近vue用的比较多，就想对各种知识做一个小结，比如这个就是路由导航的一个小总结。具体内容如下：一、标签中的to属性用来指定路由路径。to的类型：string|Location。可以是字符串或者是个目标位置对象。用法如下：to的本质其实就是调用了编程式导航的router.push(…)方法。也就是说当你点击时，router.push(…)会在内部调用，点击等同于调用router.push(…)。二
ForMyWebFrontSide·2018-09-21 11:06

Vue前端面试

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
随感_·2018-09-10 15:16

vue使用路由进行页面跳转时传递参数

本文主要介绍了vue中使用路由进行页面的跳转时,vue的路由如何传递参数,第二个页面如何获取参数.一.通过router-link进行跳转path->是要跳转的路由路径,也可以是路由文件里面配置的name
天心天地生·2018-09-06 16:12

vue-router的3种传参方式

一、$route.name传参  在App.vue中直接写{{$route.name}}，如下图App.vue代码  效果如下图效果二、router-link传参  ·router-link原本的写法：
冰滩波纹·2018-09-06 15:34

在vue-router中要使用选中样式的方法有两种：

1、直接在路由js文件中配置linkActiveClass2、在router-link中写入active-class问题：如果就这样，那么会出现一个问题，不管跳转到哪里，跳转到根目录的那个连接（to="
Alice_124·2018-08-27 17:26
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他