this.$route.path.replace(“/“, ““)； 获取当前路由地址

最新推荐文章于 2024-05-20 17:02:17 发布
最新推荐文章于 2024-05-20 17:02:17 发布
阅读量1.4k 收藏 1
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39891473/article/details/121677555
版权 
 onRoutes() {
      return this.$route.path.replace("/", "");
    },
起啥名呢啊
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
10-15
主要介绍了关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-router 路由跳转
weixin_43962020的博客
09-23 968
2.使用params传参，路径只能使用name，使用this.$route.params.id接受参数。1.使用query传参，使用this.$route.query.id接受参数。
在Vue中使用this.$store或者是$route一直报错的解决
10-16
今天小编就为大家分享一篇在Vue中使用this.$store或者是$route一直报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue.js this.$router.push获取不到params参数问题
10-15
主要介绍了vue.js this.$router.push获取不到params参数问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
this.$router.replace 和 this.$router.push 都是 Vue Router 中用于导航的方法，但它们之间有几个关键的区别：
2201_75886962的博客
02-04 1181
this.$router.replace: 如果你想导航到一个新的页面，但不希望在历史记录中留下记录，可以使用这个方法。this.$router.replace: 这个方法会替换当前的历史记录，而不是添加一个新的记录。this.$router.push: 如果你希望在历史记录中留下记录，以便用户可以点击浏览器的后退按钮返回到前一个页面，你应该使用这个方法。this.$router.replace 接受与 this.$router.push 相同的参数，包括路径、名称、选项等。
this.$route.path.replace(‘/‘,‘‘)获取当前路由地址
ll_883963的博客
12-29 3323
index = this.$route.path.replace("/", ""); //获取当前路由地址 console.log('当前路由='+index);
vue $router路由跳转方式 --带参数
weixin_47239395的博客
08-13 3444
方法: push()和replace()跳转 this.$router.push()和this.$router.replace()用法一致 1. 不带参数 this.$router.push('/login') //this.$router.replace('/login') this.$router.push({name:'login'}) //this.$router.replace({name:'login'}) this.$router.push({path:'/login'
this.$route.path.replace('',''),js-replace
weixin_33708432的博客
08-31 4186
// log this.$route.path.replace('','') /myCenter/matchItem 返回当前路由 var a = 'abcd' a.replace('a', 'aaa') // 这个语句本身会返回 aaabcd a // log abcd 意思是a的值不会变复制代码 转载于:https://juejin.im/post/5b8748b66fb9a019cf2...
Vue--Router--this.$router.replace()、push()、go()的区别
IT利刃出鞘的博客
09-05 4176
本文介绍Vue中的编程式路由的几种写法的区别，包括：this.$router.replace、his.$router.push()、his.$router.go()。
Vue Router
qq_43215246的博客
05-15 234
Vue Router 是 Vue.js 的官方插件，用来快 速实现单页应用 前端路由 前端路由，指的是 URL 与内容间的映射关系 Hash 方式 通过 hashchange 事件监听 hash 变化，并进行网页内容更新 <div> <a href="#/">首页</a> <a href="#/category">目录</a> <a href="#/user">用户页</a> <
Vue中this.$router.push参数获取方法
11-26
由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。 及通过路由配置的name属性访问 在路由配置文件中定义参数：   通过name...
解决vue.js this.$router.push无效的问题
12-09
if(this.email.length > 0 && this.password.length >0) { this.$http.post('/api/login', { user: this.email, password: this.password }) .then(res => { let userPwd = res.data if(this.password == ...
Vue中this.$router.replace和this.$router.push的区别
热门推荐
weixin_50723416的博客
08-09 3万+
this.$router.push 跳转到指定URL，向history栈添加一个新的纪录，点击后退会返回至上一个页面。 声明式：< router-link :to = “…” > 编程式：< router.push(…) > // 该方法的参数可以是一个字符串路径，或者一个描述地址的对象。 // 字符串 this.$router.push('/index') // 对象 this.$router.push({path:'/index'}) // 带查询参数，变成/backen
$router、$route、$router.push()和、$router.replace()
weixin_38599724的博客
11-14 2万+
1.this.$router是VueRouter的一个对象，表示全局路由器对象，项目中通过router路由参数注入路由之后，在任何一个页面都可以通过此方法获取到路由器对象，并调用其push(), go()等方法； 2.this.$router表示当前正在用于跳转的路由器对象，可以调用其name、path、query、params等方法； 3.console.log(this.$router)和...
详细总结this.$router.push与this.$router.replace
qq_45791799的博客
01-12 8952
一、this.$router.push 1.1 使用方法 1.声明式 < router-link :to="…">：当使用router-link进行路由跳转时，实际上是调用了router.push()进行路由跳转 2.编程式 ：this.$router.push(’路径‘) 1.2 使用语句 1.字符串 this.$router.push(‘index’) 2.对象 this.$router.push({path:‘index’}) 3.携带参数 3.1 path 跳转方式，只可以用que
VUE中路由变化this.$router(push\replace\go\back)
qq_43631129的博客
08-09 3080
vue中路由变化:this.$router.push this.$router.replace this.$router.back this.$router.go
vue $router和$route的区别
锦年的博客
03-28 5606
vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1、 $route.path ：字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。 2、$route.params ：一个 key/value 对象，包含了 动态片段 和 全匹配片段， 如果没有路由参数，就是一个空对象。 3、$route.quer
this.$route.fullpath
weixin_44727080的博客
11-02 591
this.$route.fullpath 工作中遇到问题
vite+ts+mock+vue-router+pinia实现vue的路由权限
最新发布
beekim的博客
05-20 305
vite.config.ts配置。
this.$route.path.replace
09-13
### 回答1： 这个表达式用于替换当前路由的路径中的某些部分。 具体来说，它使用 JavaScript 的 `String.prototype.replace()` 方法来替换路径中的指定内容。 比如，假设当前路由的路径为 '/users/123'，如果你想将其中的 '123' 替换为 '456'，你可以使用如下代码： ``` const newPath = this.$route.path.replace('123', '456') ``` 这样，`newPath` 变量就会包含替换后的路径 '/users/456'。 注意，这里的 `$route` 对象是 Vue.js 中的路由信息对象，它包含了当前路由的各种信息，如路径、参数、导航钩子等。 ### 回答2： this.$route.path.replace 是 Vue Router 中的一个方法，用于替换当前路径，返回替换后的新路径。 在 Vue 应用中，this.$route 是当前路由对象，path 是路由对象中的一个属性，表示当前路径。replace 是 Vue Router 提供的一个方法，用来替换当前路径，返回替换后的新路径。 使用 this.$route.path.replace 方法，可以在 Vue 组件中对当前路径进行替换操作。例如，我们可以通过 this.$route.path.replace 方法动态修改当前路径的参数，实现路径的动态更新。 这个方法接受一个字符串参数，用来替换当前路径的部分内容。替换后的新路径将作为返回值返回，但并不会导航到这个新路径。因此，该方法通常用于执行一些路径替换操作，而不是用于导航到新的页面。 例如，如果当前路径是 "/home/user/123"，我们可以通过 this.$route.path.replace("/home/user", "/home/admin") 来将路径中的 "/user" 替换为 "/admin"，并返回替换后的新路径 "/home/admin/123"。 总之，this.$route.path.replace 方法是 Vue Router 中用于替换当前路径的方法，可以动态修改当前路径，并返回替换后的新路径。 ### 回答3： this.$route.path.replace 是Vue Router中的一个方法，用于修改当前路由的路径。 这个方法会返回一个新的路径字符串，代表了修改后的路径。它不会直接修改原来的路径，而是返回修改后的结果。所以，我们可以通过将返回值赋值给另一个变量来保存修改后的路径，或者直接使用它进行相关操作。 这个方法接受两个参数：第一个参数是要被替换的字符串或正则表达式，第二个参数是用来替换的字符串。它会在当前路径中搜索并替换匹配到的字符串，如果没有找到匹配项，则返回原始路径。 举个例子，假设当前路径为 '/home'，我们可以使用 this.$route.path.replace 方法来将 'home' 替换为 'about'，代码如下： ```javascript const newPath = this.$route.path.replace('home', 'about'); console.log(newPath); // 输出 '/about' ``` 在上述例子中，原始路径中的 'home' 被替换成了 'about'，新的路径为 '/about'。我们可以将新路径赋值给一个变量，然后根据需要进行后续处理。 总结起来，this.$route.path.replace 方法是Vue Router中的一个有用的方法，可以用来修改当前路由的路径，并返回修改后的结果。通过替换指定的字符串或正则表达式，我们可以轻松地修改路径，从而满足不同的需求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值