vue hash模式下页面跳转用this.$router.push({ path: ‘/‘ })

hash模式下:mode: ‘hash’,

export default new Router({
  mode: 'hash',
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    }
  ]
})

vue页面点击跳转用window.location.href = "./"无效
正确:

clickBtn() {
      this.$router.push({ path: '/' }) // 不带参数跳转
      this.$router.push({ path: '/', query: { id: row.id } })  // 带参数跳转
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: `this.$router.push` 是 Vue.js 中用于编程式导航的方法,可以用来在当前 Vue 应用中导航到其他路由。 它接受一个参数,可以是一个字符串或者一个对象,其中字符串表示要导航到的路由的路径,对象表示一个路由配置对象,可以包含要导航到的路径、路由参数等信息。 例如,如果想要导航到一个名为 `users` 的路由,可以使用如下代码: ``` this.$router.push('/users') ``` 如果想要导航到带有参数的路由,可以使用对象的形式,例如: ``` this.$router.push({ path: '/users/123', query: { sort: 'recent' } }) ``` 还可以使用命名路由进行导航,例如: ``` this.$router.push({ name: 'user', params: { userId: 123 } }) ``` 注意,使用 `this.$router.push` 导航后,浏览器的地址栏会更新,同时新的路由也会被添加到浏览器的历史记录中。 ### 回答2: this.$router.pushVue Router提供的一个方法,用于进行路由跳转。它的作用是将用户导航到指定的路由地址。 使用this.$router.push方法,可以通过传入一个路由地址或者一个路由对象来实现路由的跳转。例如: 1. 通过路由地址跳转: this.$router.push('/home'):将用户跳转到名为home的路由地址。 2. 通过路由对象跳转: this.$router.push({ path: '/home' }):将用户跳转到名为home的路由地址。 在进行路由跳转的同时,也可以传递参数和查询参数。例如: 1. 传递参数: this.$router.push({ name: 'user', params: { userId: 123 } }):跳转到名为user的路由,并传递参数userId,值为123。 2. 传递查询参数: this.$router.push({ path: '/user', query: { userId: 123 } }):跳转到/user路由,并传递查询参数userId,值为123。 此外,this.$router.push方法还可以搭配命名路由和动态路由来进行跳转。例如: 1. 命名路由跳转: this.$router.push({ name: 'user', params: { userId: 123 } }):跳转到名为user的命名路由,并传递参数userId,值为123。 2. 动态路由跳转: this.$router.push({ path: '/user/123' }):跳转到名为user的动态路由,并传递参数userId,值为123。 总的来说,this.$router.pushVue Router中一个非常重要且常用的方法,可以实现路由的跳转和参数的传递。通过合理使用该方法,可以实现丰富的路由功能。 ### 回答3: this.$router.push是在Vue Router中用于进行页面跳转的方法。通过调用该方法,可以将用户导航到指定的路由。 使用this.$router.push时,需要传入一个对象或一个字符串作为参数。如果传入一个对象,该对象可以包含以下属性: 1. path:指定要导航到的路径。例如,path: '/home'表示导航到名为"home"的路由页面。 2. name:指定要导航到的路由的名称。例如,name: 'home'表示导航到名称为"home"的路由页面。 3. params:指定要传递给目标路由的参数。例如,params: {id: 1}表示将id参数设置为1。 4. query:指定要传递给目标路由的查询参数。例如,query: {name: 'John'}表示将name参数设置为"John"。 5. hash:指定要在URL中添加的哈希值。例如,hash: '#section1'表示在URL中添加"#section1"哈希。 6. replace:如果设置为true,则会使用replace而不是push进行导航。这意味着在导航后,浏览器的history不会留下记录。 如果传入一个字符串作为参数,该字符串将被视为要导航到的路径。例如,'/home'将导航到名为"home"的路由页面。 总而言之,this.$router.push可以用于在Vue Router中进行页面跳转,可以传递各种参数来指定目标路由,并且可以选择使用push或replace进行导航。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值