Skip to content

Commit 7dce658

Browse files
authored
docs(api): Update v-slot API in API Reference. (#3522)
1 parent ff085fb commit 7dce658

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

docs/zh/api/README.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,13 +17,14 @@ sidebar: auto
1717

1818
### `v-slot` API (3.1.0 新增)
1919

20-
`router-link` 通过一个[作用域插槽](https://cn.vuejs.org/v2/guide/components-slots.html#作用域插槽)暴露底层的定制能力。这是一个更高阶的 API,主要面向库作者,但也可以为开发者提供便利,多数情况用在一个类似 _NavLink_ 这样的组件里
20+
`router-link` 通过一个[作用域插槽](https://cn.vuejs.org/v2/guide/components-slots.html#作用域插槽)暴露底层的定制能力。这是一个更高阶的 API,主要面向库作者,但也可以为开发者提供便利,多数情况用在一个类似 _NavLink_ 这样的自定义组件里
2121

2222
**在使用 `v-slot` API 时,需要向 `router-link` 传入一个单独的子元素**。否则 `router-link` 将会把子元素包裹在一个 `span` 元素内。
2323

2424
```html
2525
<router-link
2626
to="/about"
27+
custom
2728
v-slot="{ href, route, navigate, isActive, isExactActive }"
2829
>
2930
<NavLink :active="isActive" :href="href" @click="navigate"
@@ -46,6 +47,7 @@ sidebar: auto
4647
<router-link
4748
to="/foo"
4849
v-slot="{ href, route, navigate, isActive, isExactActive }"
50+
custom
4951
>
5052
<li
5153
:class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']"

0 commit comments

Comments
 (0)