Skip to content

链接 Provider

@astryxdesign/core v0.7.1 · LinkProvider

使用方法 ​

把应用包一层,让所有 Astryx 组件渲染链接时不再直接用 <a>,而是换成框架自己的链接组件,例如 Vue Router 的 RouterLink,这样点击走的是前端路由,不会整页刷新。

ts
import { LinkProvider } from '@astryx-vue/core/LinkProvider'

这个组件会同时收到 href 和 to,路由链接认哪个就用哪个。单个组件自己写的 as 优先级更高,仍然会盖掉 provider。自己渲染链接时,可以用 useLinkComponent() 读到外层给的那个组件。

示例 ​

常见的用法和不同的状态。

Link Provider — Custom Link Component

把所有 Astryx 链接交给一个自定义组件:它拦住点击,交给框架路由惯用的那个位置处理。点一下链接,看到的是自定义处理函数在跑,而不是整页跳转。