Vue-60、Vue技术router-link的replace属性

最新推荐文章于 2024-06-11 09:38:15 发布
最新推荐文章于 2024-06-11 09:38:15 发布
阅读量448 收藏
点赞数 3
分类专栏： vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ChenJin_2/article/details/136078617
版权

1、作用：控制路由跳转时操作浏览器历史记录的模式

2、浏览器的历史记录有两种写入方式：分别是push和replace,push是追加历史记录，replace是替换当前记录。路由跳转时候默认为push

3、如何开启replace模式：

<router-link replace ......>news</router-link>
一叶飘零晋
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue-router-next：Vue 3官方路由器
02-06
vue-router-next 这是Vue路由器4的存储库（适用于Vue 3）支持Vue路由器Vue Router是Vue生态系统的一部分，是MIT许可的开放源代码项目，其持续的开发完全依靠赞助者的支持而得以实现。 如果您想成为赞助商，请考虑：...
vue-taro-router:基本 Taro ，扩展成 vue-router 的使用体验
05-28
VueTaroRouter基本 Taro ，扩展成 vue-router 的使用体验Installationnpm i vue-taro-router -SUsage// router.jsimport VueTaroRouter from "vue-taro-router";const router = new VueTaroRouter();// 添加拦截器...
vue2进阶篇：vue-router之router-link的replace属性
刘大猫
07-09 1835
vue2进阶篇：vue-router之router-link的replace属性
Vue2：router-link的replace属性
Brave_heart4pzj的博客
02-25 347
Vue
vue-cli 项目中 vue-router 相关使用 ？
Wu hao's blog
09-01 688
import Vue from 'vue'; import VueRouter from 'vue-router'; import config from '@/config'; import store from '@/store'; import routes from './routes'; const { systemName } = config; Vue.use(VueRouter); // 获取路由白名单path合集 const whiteNames = (routers) =>.
vue 路由的挂载 vue-router router-view router-link replace linkActiveClass mode
pyp_demon的博客
12-19 2347
目录vue-router的安装普通路由的挂载 （vue+cli_webpack + vue-router安装状态下）子路由的配置 vue-router的安装 注：如果是使用 vue-cli + webpack进行创建vue项目的时候，其中惠游一个选项告知是否安装vue-router，如果选的是YES，则可以跳过npm依赖安装的步骤 再项目根目录键入指令 npm install vue-router --save 普通路由的挂载 （vue+cli_webpack + vue-router安装状态下） 1
vue-router 详解
热门推荐
星海IT学习之路
01-16 12万+
文章目录1、认识vue-router2、安装和使用vue-router 1、认识vue-router 目前前端流行的三大框架，都有自己的路由实现： Angular的ngRouter React的ReactRouter Vue的vue-router vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 我们可以访问其官方网站对其进行学习：https://router.vuejs.org/zh/ vue-router是基于路由和组件的 路由用户设定访问
Vue-Router4 学习笔记
zep
03-04 810
一、URL的hash 前端路由是如何做到URL和内容进行映射呢？监听URL的改变。 URL的hash也就是锚点(#), 本质上是改变window.location的href属性； 我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新； hash的优势就是兼容性更好，在老版IE中都可以运行，但是缺陷是有一个#，显得不像一个真实的路径。 二、HTML5的History 三、认识vue-router Vue Router 是 Vue.js 的官方路由。它与 Vue.j
七、【Vue-Router】router-link标签的replace属性
天行健，君子以自强不息
08-07 274
router-link标签的replace属性
Vue3 之 Vue - Router
玄鱼殇
10-12 3082
Vue3 之 Vue - Router
Vue基础知识总结 11：前端路由vue-router
学Java，找哪吒
10-13 4万+
当打包构建应用时，JavaScript包会变得非常大，影响页面加载。如果我们能吧不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。
vue-router.js
12-30
vue路由vue-router.js文件下载
vue-router 中 meta的用法详解
01-21
如果我想做下面这个功能： 路由 代码： 用这个获取 以上这篇vue-router 中 meta的用法详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
Vue-Router的使用方法
12-11
使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。 路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home...
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 327
在vue.config.js中配置关闭Uncaught runtime errors显示。
vue3如何定义一个组件
Java程序员专栏
06-09 518
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...
Vue中 .passive 修饰符的作用
Keep trying, keep going
06-09 195
传统的事件监听器在事件触发时，会先执行事件处理函数，然后再决定是否阻止事件的默认行为（如阻止滚动）。这会导致性能问题，因为浏览器需要等待 JavaScript 执行完成后才能继续处理其他任务，如滚动页面。修饰符可以告诉浏览器，事件处理函数不会阻止事件的默认行为，这样浏览器就不需要等待 JavaScript 执行完成，可以立即进行其他任务。这可以提高页面的滚动性能，尤其是在移动端设备上。它的使用场景通常是针对那些需要频繁触发的事件，例如。来阻止事件的默认行为，因为浏览器会忽略这个调用。需要注意的是，当使用。
【Echarts系列】平滑折线面积图
最新发布
kk爱闹
06-11 318
Vue版本以及脚本语言的选择各有不同，核心内容主要是option，重点关注该部分内容即可。为了节省后续开发学习成本，这个系列将记录我工作所用到的一些echarts图表。
vue2路由 router-link
09-21
router-link是Vue2中的一个组件，用于在页面中创建链接并实现路由导航。它是基于Vue Router实现的，可以通过设置不同的属性来配置链接的行为和样式。 router-link的tag属性用于指定渲染为哪种HTML标签，默认为a标签。通过设置tag属性，你可以将链接渲染为其他标签，比如button或div等。 router-link的replace属性用于指定是否在导航时替换历史记录，默认为false。当replace为true时，点击链接进行导航时，将直接替换当前的历史记录，而不会添加新的历史记录。 router-link的active-class属性用于指定当前激活链接的CSS类名。当对应的路由处于活动状态时，该类名将会被添加到链接上，让你可以为激活链接设置不同的样式。 修改router-link的router-link-active属性名称可以通过在Vue Router的配置中修改linkActiveClass字段来实现。默认情况下，激活链接会添加router-link-active类名，你可以通过修改linkActiveClass字段来指定其他的类名。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一叶飘零晋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值