更新记录

1.0.1（2024-04-18）

• openType 删除冗余的 back 类型。
• 修复已知问题。

1.0.0（2024-04-11）

• 初始发布

平台兼容性

kux-router-link

kux-router-link 是 kux-router 路由库配套使用的导航组件插件，方便通过组件方式导航守卫跳转。

注意

• kux-router-link 插件同样支持 kux-router 插件的导航守卫跳转。
• 需要 kux-router 版本 v1.1.0 及以上支持。
• 该组件为 easycom 规范 组件，不需要手动导入可直接使用。

基础使用

示例

<template>
    <kux-router-link to="/pages/p1/p1">
        <button>打开页面p1</button>
    </kux-router-link>
</template>

属性

OpenType 说明

Options 类型说明

/**
 * 创建路由时路由表中的路由信息
 */
export type RouteRecordNormalized = {
    /**
     * 被注册的 `beforeEnter` 前置守卫
     */
    beforeEnter?: NavigationGuardWithThis
    // children: any[]
    /**
     * 路由元信息
     */
    meta?: UTSJSONObject
    /**
     * 路由名称
     */
    name?: RouteRecordName
    /**
     * 当前路由页面地址，这个是去除参数后的地址，如：`/pages/user/info`
     */
    path?: PagesJson.PagePath
    /**
     * 当前路由的 `query` 传参
     */
    query?: UTSJSONObject
    /**
     * 路由隐式传参，替代旧版本的 `params`
     */
    data?: UTSJSONObject
    /**
     * 被注册的路由重定向守卫
     */
    redirect?: RouteRecordRedirectOption
    /**
     * 是否开启启动拦截，开启后 `beforeEnter` 和 `redirect` 会在实例加载成功后就立刻挂载全局，适用于应用启动拦截的场景，如首页未登录直接跳转登录页等。
     */
    startupIntercept?: boolean
    /**
     * 窗口显示的动画类型，`v1.1.0` 及以上版本支持
     * + auto: 自动选择动画效果
     * + none: 无动画效果
     * + slide-in-right: 从右侧横向滑动效果
     * + slide-in-left: 左侧横向滑动效果
     * + slide-in-top: 从上侧竖向滑动效果
     * + slide-in-bottom: 从下侧竖向滑动效果
     * + fade-in: 从透明到不透明逐渐显示效果
     * + zoom-out: 从小到大逐渐放大显示效果
     * + zoom-fade-out: 从小到大逐渐放大并且从透明到不透明逐渐显示效果
     * + pop-in: 从右侧平移入栈动画效果
     */
    animationType?: string
    /**
     * 窗口显示动画的持续时间，单位为 ms
     * + `v1.1.0` 及以上版本支持
     */
    animationDuration?: number
}

结语

kux 不生产代码，只做代码的搬运工，致力于提供uts 的 js 生态轮子实现，欢迎各位大佬在插件市场搜索使用 kux 生态插件：https://ext.dcloud.net.cn/search?q=kux

友情推荐

• TMUI4.0：包含了核心的uts插件基类.和uvue组件库
• GVIM即时通讯模版：GVIM即时通讯模版，基于uni-app x开发的一款即时通讯模版
• t-uvue-ui：T-UVUE-UI是基于UNI-APP X开发的前端UI框架
• UxFrame 低代码高性能UI框架：【F2图表、双滑块slider、炫酷效果tabbar、拖拽排序、日历拖拽选择、签名...】UniAppX 高质量UI库
• wx-ui 基于uni-app x开发的高性能混合UI库：基于uni-app x开发的高性能混合UI库，集成 uts api 和 uts component，提供了一套完整、高效且易于使用的UI组件和API，让您以更少的时间成本，轻松完成高性能应用开发。
• firstui-uvue：FirstUI（unix）组件库，一款适配 uni-app x 的轻量、简洁、高效、全面的移动端组件库。
• easyXUI 不仅仅是UI 更是为UniApp X设计的电商模板库：easyX 不仅仅是UI库，更是一个轻量、可定制的UniAPP X电商业务模板库，可作为官方组件库的补充,始终坚持简单好用、易上手
• OneUI：致力于提供简洁、现代的 UI 组件，帮助开发者快速构建美观、功能丰富的移动应用程序。