vue3-route-to v0.0.2

路由跳转方法

对编程式导航进行封装支持push,replace,go,back

• 返回时对页面超出做了处理,默认回'/'
• 导航异常错误提示

用法

// 1. 通过import导入
import { to } from '@/plugins/to'

// 2. 在组件实例中使用
to

方法类型

interface IOption {//更多参考push用法
    back?:boolean
    go?:number
    path?:string
    name?:string
    params?:Record<any, any>
    query?:Record<any, any>
    hash?:string
    replace?:boolean
}

用法示例

1. 直接跳转到某个页面

to('/a/b')

2. 回退到上一个页面

to() | to({back:true})

3. 回退到N个页面之前

to({go: N})

4. 重定向到某个页面

to({path: '/a/b', replace: true })

6. 跳转页面并传参

to({ path: '/a/b', params: {a: 1, b: 2, c: 3} }) 或 to({ path: '/a/b', query: {a: 1, b: 2, c: 3} })

tips

1.如果不传递url，则为回退页面 2.option定位路由可以用name 3.option更多用法可参考router.push 4.返回时应用内有无上一页,重定向'/' 5.go优先级最高,back次之,其他按顺序