链接 Provider
@astryxdesign/core v0.7.1 · LinkProvider
Go to dashboard
Click the link to try the custom component.
使用方法
把应用包一层,让所有 Astryx 组件渲染链接时不再直接用 <a>,而是换成框架自己的链接组件,例如 Vue Router 的 RouterLink,这样点击走的是前端路由,不会整页刷新。
ts
import { LinkProvider } from '@astryx-vue/core/LinkProvider'这个组件会同时收到 href 和 to,路由链接认哪个就用哪个。单个组件自己写的 as 优先级更高,仍然会盖掉 provider。自己渲染链接时,可以用 useLinkComponent() 读到外层给的那个组件。
示例
常见的用法和不同的状态。
Link Provider — Custom Link Component
Go to dashboard
Click the link to try the custom component.
把所有 Astryx 链接交给一个自定义组件:它拦住点击,交给框架路由惯用的那个位置处理。点一下链接,看到的是自定义处理函数在跑,而不是整页跳转。