Skip to content

Commit d9cee4a

Browse files
committed
docs(ja): v-link-active (ref 003fb32)
1 parent bbaa198 commit d9cee4a

File tree

1 file changed

+16
-0
lines changed

1 file changed

+16
-0
lines changed

docs/ja/link.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,22 @@
3939
<a v-link="{ path: '/a', activeClass: 'custom-active-class' }"></a>
4040
```
4141

42+
#### 別の要素へアクセスリンククラスの適用
43+
44+
> 0.7.8+
45+
46+
時どき、`<a>` 要素自身よりむしろ `<a>`要素をラップ (wrap) している要素にアクティブリンククラスを適用したいかもしれません。`v-link-active` を親要素に追加することによってそのようにすることもできます:
47+
48+
``` html
49+
<ul>
50+
<li v-link-active>
51+
<a v-link="{ path: '/xxx' }">Go</a>
52+
</li>
53+
</ul>
54+
```
55+
56+
`v-link``v-link-active` を持つ最も近い要素を探し、その要素の代わりにアクティブなクラスを適用します。
57+
4258
#### 他の設定オプション
4359

4460
- **replace**

0 commit comments

Comments
 (0)