router-link

vue2.0中关于active-class

一、首先，active-class是什么，active-class是vue-router模块的router-link组件中的属性，用来做选中样式的切换；相关可查阅文档：https://router.vuejs.org
weixin_30610755·2018-08-10 17:00

vue基本问题

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
jane819·2018-08-06 16:29

vue - 前端面试题

答：vue-router模块的router-link组件。2，怎么定义vue-router的动态路由？怎么获取传过来的动态参数？答：在路由的path属性上加上【/:id】。
来自星星的马·2018-08-02 17:41

2018 vue前端面试题

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

vue2.0中router-link详解

在vue2.0中，原来的v-link指令已经被组件替代了组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的css类名组件的属性有：to、replace、append、tag、active-class、exact、event、exact-active-cla
冰雪为融·2018-07-17 16:12

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

嵌套路由就是路由里面嵌套他的子路由，可以有自己的路由导航和路由容器（router-link、router-view），通过配置children可实现多层嵌套//mine组件在mine的组件里面嵌套路由去到
前端小狮·2018-07-12 17:23

vue-router 源码之实现一个简单的 vue-router

参考vue-router官方的使用方式，看看html的使用：homebookmovie这里会有router-link和router
cobish·2018-07-02 14:48

vue2.0知识点汇总

v-on的使用v-on高级用法v-for的使用简单学生添加删除案例父子组件使用父传子父组件向自组件传递数据子组件向父组件通信vuebusvue高级vue过滤器获取DOM元素vue-router命名路由router-link
更好的自己520·2018-06-20 19:29

从 router-link linkActiveClass 到自己动态配置active class

每次路由切换成功进入激活状态在点击导航栏的时候，让被点击的那一个有背景色，其他的没有背景色？如何做？在路由里面设置constrouter=newVueRouter({routes,linkActiveClass:'is-active'});linkActiveClass:'is-active',然后在css里面设置.is-active{background:red;}这样被点击激活的时候就会被加上
cofecode·2018-06-12 11:51

2018前端VUE面试题总结

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
reda-陶·2018-06-08 05:50

Vue的路由vue-router

路由的使用大致分为四步路由即一个url地址对应一个组件1.书写路由的配置文件2.在newVue实例里面注入router3.在需要跳转的视图里面写router-link标签4.在需要显示路由进来的组件的地方写
大仙爷·2018-06-07 11:56

vue v-for循环生成router-link，含可用路由

接着上一篇的内容，使用循环来完成router-link的生成，并可以实现界面的路由（1）html部分实现循环对路由的配置核心：对路径的配置，红色部分。
ColourfulTiger·2018-06-05 21:26

vue v-for循环生成router-link，含可用路由

接着上一篇的内容，使用循环来完成router-link的生成，并可以实现界面的路由（1）html部分实现循环对路由的配置核心：对路径的配置，红色部分。
ColourfulTiger·2018-06-05 21:26

vue安装-部署工程-http服务器中发布-代码仓库中迭代

vuejs-templates.github.io/webpack/http://doc.vue-js.com/v2/guide/transitions.html，过渡https://router.vuejs.org/zh/api/#router-link
how_to_coding·2018-06-02 08:10

详解vue-router 命名路由和命名视图

一、概述给路由定义不同的名字，根据名字进行匹配给不同的router-view定义名字，router-link通过名字进行对应组件的渲染。
侯婧欢·2018-06-01 08:55

vue动态路由与vue路由传参

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

vue动态路由配置及路由传参的方式

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

<router-link>组件

一：首先看一个栗子：Home这个栗子表示一个标签，点击时跳转到Home组件中，并且不会留下历史跳转记录，并且开启router-link严格模式二：详细讲解router-link组件的props：to：目标路由的链接
椰果粒·2018-04-19 16:06

Vue 页面跳转不用router-link的实现代码

1、给父页面跳转的地方设置事件//原来的页面上展示的信息编辑//带参数进行编辑删除//要跳转过去的页面用隐藏来代替//v-model绑定formData.name(name为需要的字段,formDataw为表格ref绑定的数据)确定取消2、JS部分data(){addShow:false//设置要显示的页面部分默认为false，隐藏checkdDistributor:null,},methods:
Oliver556·2018-04-12 09:31

vue中a与router-link

刚开始时貌似两个标签功能一样，都可以实现路由跳转，于是用了。1.在加入vuex进行组件间通信后，发现在组件a中设置state某个参数后，点击跳转到组件b，state中这个参数又成了初始值！通过查找资料发现vuex只要刷新了页面，状态不会保留。于是猜想用会刷新页面导致state重置。换成后此问题解决。2.在换成后发现@click失效！我需要在@click绑定的函数中设置state的某个属性，于是又去
L_bic·2018-03-30 16:09

tab页切换时候样式更改和单页的过渡

那么你无需在router-link标签上添加任何class名，直接在样式中写样
喵大嗷·2018-03-13 09:05

vue使用小结

——路由跳转：router-link:面试时问过好多这个问题，组件和router-li
蓝天海礁·2018-03-10 00:00

vue中router-link 的默认首页router激活一直存在

给导航添加active效果：在router中添加:newRouter({linkActiveClass:'active',mode:'history',routes:[{path:'/',name:'home',component:home},{path:'/news',name:'news',component:news}]})在ronter-line中添加exact属性解决首页一直默认激活首页
noyanse·2018-03-01 15:49

vue路由组件传参-页面通信

例如：//router.js{path:'/main/:id',component:Main}router-link中：//Main.jsconsole.log(this.$route.params.
mapbar_front·2018-02-24 15:01

vue-router在IE11下不跳转

IE11上router-link无法跳转，主要是因为当url的hashchange的时候，浏览器没有做出相应。
凉风徐徐呀·2018-02-02 15:35

vue-router中传参的两种方式

vue-router中,有query跟params两种传参方式,可以让不同的path指向同一个组件,并且能获取对应的参数1.params我们创建一个组件news,其中两个router-link,path
qingzhizhenhun·2018-01-26 16:54

vuejs 页面跳转和跳转到外链（其他外站）

1、vuejs是单页面应用，应用内的跳转，可以用router-link标签跳转demo修改密码2、跳转到站外用a标签跳转demo扩展：组件支持用户在具有路由功能的应用中（点击）导航。
QC班长·2017-12-27 11:42

vue-router: <router-link>配置项

router-link组件支持用于在具有路由功能的应用中进行导航配置项：to指定元素跳转到路由设定的地址链接tag将router-link标签转成所设置标签，默认为a标签event更改事件触发方式replace
饥人谷_米弥轮·2017-12-10 04:21

vue中路由参数传递可能会遇到的坑

前言vue中路由跳转传参数有多种,自己常用的是下面的几种通过router-link进行跳转通过编程导航进行路由跳转本文主要给大家介绍了关于vue路由参数传递遇到的一些坑，分享出来供大家参考学习，下面话不多说了
西门小妖·2017-12-07 11:30

vue router-link传参以及参数的使用实例

1.路径：http://localhost:8081/#/test?name=1跳转(id是参数)使用：this.$route.query.id2.路径：http://localhost:8081/#/test/1跳转(id是参数)路由：使用：this.$route.params.id（这个id给上图路由的配置有关）this.$route是一个数组，里面包含路由的所有信息注意：router-lin
sangjinchao·2017-11-10 10:51

【vue-router①】router-link跳转页面传递参数

在vue项目中，往往会遇到这样的情况，就是要实现在一个循环列表中，点击其中一条跳转到下个页面，然后将这一条的相关数据带到下个页面中显示，这是个循环列表，无论点哪一条都是跳到相同的页面，只是填的数据不一样，这个时候就需要实现跳转的时候一起把参数携带过去。1、我在项目中想要点击v-for的，然后跳到下个页面的表格，顺带将参数传递过去。如下图：这里实现的是第一个组件跳转到第二个组件的时候将待办任务的id
我是帅帅的玉米·2017-10-25 00:00

vue.js路由跳转详解

默认会被渲染成一个``标签-->GotoFooGotoBar2、路由的跳转router-link是一个组件，默认被渲染成一个带有链接的a标签，通过to属性指定链接地址。
小坦克的日常·2017-08-28 10:16

vue.js学习之router-link

在vue2.0中，原来的v-link指令已经被组件替代了，这个组件接受以下属性参数：to：一个路径字符串，或者一个LocationDescriptor对象。tag：渲染的html元素类型，默认是a。exact：用于控制当前激活项的匹配行为（严格匹配或者贪婪匹配）。append：控制相对链接路径的追加方式。replace：替代而不是作为历史条目压榨你。active-class：当前链接项激活时增加的
HEternally·2017-08-12 00:00

vue路由中router-link传参方式以及参数的使用方法

1.路径：http://localhost:8081/#/test?name=1跳转(id是参数)使用：this.$route.query.id2.路径：http://localhost:8081/#/test/1跳转(id是参数)QQ截图20170801203900.png使用：this.$route.params.id（这个id给上图路由的配置有关）this.$route是一个数组，里面包含路
小川载舟·2017-08-01 20:31

home九宫格 ---news/newslist

[](item.img)//a换成router-link,同时配置路由方式新闻资讯图片分享商品购买留言反馈视频专区联系我们exportdefault{data(){return{swipeList:[{
悟空你又瘦了·2017-07-03 00:08

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

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

vue-router 的基本使用方式

importVuefrom'vue'importVueRouterfrom'vue-router'//安装Vue的VueRouter插件Vue.use(VueRouter)//创建实例，进行配置newVueRouter({//...})2.路由映射//router-link
Hunter_Gu·2017-04-11 23:39

使用vue的router-link

可以作为一种导航，会被渲染成标签{{base.Name}}会渲染成：基础一基础二基础三基础四基础五通过设置to属性指定目标地址，会控制位置显示的内容。需要设置如下：组件constbaseone=require('./components/base/baseone.vue');路由constroutes=[{path:'/baseone',component:baseone}];router实例co
a362212624·2017-04-06 14:00

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

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

使用vue.js写一个tab选项卡效果

如果使用过vue-router,那么你会发现,vue-router在使用的时候其实就相当于一个tab选项卡,在点击之后,被点击的router-link元素会默认被添加上一个router-l
勇PAN高峰·2017-03-25 14:36

Vue中router-link介绍

原文地址：http://router.vuejs.org/zh-cn/api/router-link.html组件支持用户在具有路由功能的应用中（点击）导航。通过to属性指定目标地址，默认渲染成带有正确链接的标签，可以通过配置tag属性生成别的标签.。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的CSS类名。比起写死的会好一些，理由如下：无论是HTML5history模式还是hash模
坦GA·2016-11-06 09:03

Vue中router-link介绍

原文地址：http://router.vuejs.org/zh-cn/api/router-link.html组件支持用户在具有路由功能的应用中（点击）导航。通过to属性指定目标地址，默认渲染成带有正确链接的标签，可以通过配置tag属性生成别的标签.。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的CSS类名。比起写死的会好一些，理由如下：无论是HTML5history模式还是hash模
tanga842428·2016-11-06 09:00
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他