51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

vue - router-link
router-link
vue.js
原创
郑阳sunior
2022-06-27 11:32:05
147阅读

Vue中router-link介绍[转]
通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置 ...
类名
css
默认值
html5
字符串
转载
mob60475702c725
2021-08-15 18:29:00
438阅读
2评论

VUE参考---router-link
VUE参考---router-link一、总结一句话总结：router-link会被解析成a标签，在to属性里面写链接，不用加#号<!-- <a href="#/login">登录</a> --><!-- <a href="#/register">注册</a> --><!-- router-link 默认渲染为一个a 标
vue参考
a标签
微信
人工智能
html
转载
mb5ffd7010f3b33
2020-04-23 14:05:00
279阅读
2评论

vue router-link属性
router-link标签渲染出来是一个a标签 1.to属性，跳转 <router-link to="/home">首页</router-link> 2.tag属性，渲染成 <router-link to="/home" tag="button">首页</router-link> <router-l ...
a标签
html5
vue
转载
mob604757042166
2021-07-22 15:53:00
269阅读

vue router-link属性
<!-- 渲染成button --> <router-link to="/Quange" tag="button">Quange</router-link> <!-- 取消返回效果 --> <router-link to="/Furong" replace="">Furong</router-lin
vue
router
编程
转载
YOLO晴
2021-07-08 14:32:00
61阅读

vue-router的router-link详解
<router-link><router-link>组件支持用户在具有路由功能的应用中 (点击) 导航。 通过to属性指定目标地址，默认渲染成带有正确链接的<a>标签，可以通过配置tag属性生成别的标签.。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的 CSS 类名。<router-link>比起写死的<a...
字符串
html5
点击事件
原创
qq5945ef689245b
2022-10-13 16:54:22
509阅读

vue中router-link的详细用法
官网文档地址：https://router.vuejs.org/zh/api/#to 今天项目突然有需求，让vue中的一个页面跳转到另一个页面 router-link标签会自动渲染成a标签， <router-link>组件的属性有： to 、replace、 append、 tag、 active- Read More
默认值
地址栏
a标签
css
字符串
转载
mob604756e5d059
2019-10-29 14:49:00
352阅读

vue2.0中router-link详解
在vue2.0中，原来的v-link指令已经被<router-link>组件替代了<router-link>组件支持
默认值
类名
字符串
原创
wx63fc582aa165f
2023-02-28 20:15:47
1432阅读

Vue中router和router-link常用属性和使用案例
router-linkrouter-link是在Vue中用来进行路由跳转的组件。常用属性及使用案例如下：to：指定跳转的目标地址<router-link to="/home">跳转到首页</router-link>tag：指定生成的标签类型，默认为a标签<router-link to="/home" tag="button">跳转到首页</router-l
Vue
App
类名
原创
JackieDYH
8月前
1266阅读

手撕Vue-Router-实现router-link
前言在上一篇 [手撕Vue-Router-添加全局$router属性] 中，实现了将每一个 Vue 实例上挂载一个 $router 属性，这个属性就是我们
vue.js
前端
javascript
ecmascript
前端框架
原创 精选
一个爱听音乐的程序员
2024-01-05 10:40:48
259阅读

Vue--Router--router-link与this.$router.push--使用/区别
本文介绍Vue Router的声明式路由跳转（router-link）与编程式路由跳转（this.$router.push）。
vue.js
前端
javascript
自定义
用户信息
原创
IT利刃出鞘
2022-08-21 01:01:20
393阅读

Vue路由导航 router-link 和 router.push
一、&lt;router-link :to="..."&gt;to里的值可
Vue路由导航
router-link
router.push
获取参数
带参数
原创
BingCola
2022-07-19 20:31:07
1456阅读

Vue - <router-link>标签
##replace属性 作用：控制路由跳转时操作浏览器历史记录的模式 浏览器的历史记录有两种写入方式：分别为push和replace，push是追加历史记录，replace是替换当前记录。路由跳转时候默认为push 如何开启replace模式：<router-link replace ....... ...
Vue
历史记录
自定义
其他
转载
mob604756ea26ec
2021-10-16 21:10:00
103阅读
2评论

如何在vue的router-link中添加参数
习惯在router中加上一些参数变量，官方没看到例子，自己随便写了几个，最初写成这样， :to="/user/this.$store.state.user_id/article/create'"，发现不对，改成下面这样，OK。写文章
vuejs
vuex
经验分享
原创
SpaceVision
2021-07-14 16:35:39
342阅读

vue中router-link的参数传递和接收
route-link参数的传递和获取
vue
router
link
参数
原创
歆冉
2018-11-08 11:48:30
10000+阅读

如何在vue的router-link中添加参数
习惯在router中加上一些参数变量，官方没看到例子，自己随便写了几个，最初写成这样， :to="/user/this.$store.state.user_id/article/create'"，发现不对，改成下面这样，OK。写文章
vue
原创
SpaceVision
2022-03-04 10:15:41
501阅读

vue 中router-link下方的横线如何去除
vue 中router-link下方的横线如何去除1 .router-link-active {     //点击时去掉下划线2   text-decoration: none;3 }4 5 a {6   text-decoration: none; //去掉原有链接文字下划线7 } 
vue
router-link
原创
sinceForever
2021-05-20 15:26:24
3486阅读

[React] React Router: Router, Route, and Link
In this lesson we'll take our first look at the most common components available to us in react-router; Router, Route, and Link.
[React]
转载
mb5fe94cbf99977
2016-03-28 01:29:00
307阅读
2评论

vue3.0 router-link tag 无效问题
vue 3.x 使用以下方式进行处理 vue 3.x 对应 vue-router 4.x 版本tag已经无效了 <router-link to="/test" v-slot="{navigate, isActive, isExactActive}"> <el-button @click="navig ...
学习
转载
mob604756f06ed8
2021-09-03 15:31:00
2111阅读
2评论

Vue 路由 <router-link> replace 属性
1、作用 控制路由跳转时操作浏览器历史记录的模式 2、两种 push：追加历史记录 replace：替换历史记录 默认为 push 3、设置
历史记录
原创
wx5935381fcc679
8月前
17阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

vue2进阶篇：vue-router之router-link的replace属性

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

[vue] Vue-router浏览器历史记录 ＜router-link＞的replace属性

vue router调用nodemodules中的组件 vue router方法

Vue中router路由的使用、router-link的使用（在项目中的实际运用方式）

＜router-link＞属性详解

router-link的replace

页面跳转 router-link

vue中两种路由跳转形式？ push和router-link

vue router java router 区别 vue router.js

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯