質問編集履歴
2
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
|
|
45
45
|
* まず`router-link`なしの`fish-option`がちゃんとクラスが付与されるか → ちゃんとされる。
|
|
46
46
|
|
|
47
|
-
* [vueドキュメント](https://router.vuejs.org/ja/api/#tag)にあるように、tagで`fish-option`を指定 → 描画が崩れ、クリックイベントも発火しない。
|
|
47
|
+
* [vueドキュメント](https://router.vuejs.org/ja/api/#tag)にあるように、tagで`fish-option`を指定 → 描画が崩れ、クリックイベントも発火しない。さらに、propsを渡せないのでtagでは無理と判断。
|
|
48
48
|
|
|
49
49
|
* `fish-option`内に`router-link`を移動 → 本来slotの中に入る`fish-option`の`content`属性がrouterに上書きされ、何も表示されないようになり断念(クリックイベントは取れて、activeが付与された。)
|
|
50
50
|
|
1
情報追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
メニューのレイアウトとして、[ここ](https://myliang.github.io/fish-ui/#/components/menu)の上から二段目の真ん中のサンプルをほとんどそのまま流用しています。
|
|
6
6
|
|
|
7
|
-
サンプルページで動作させてみると分かるかと思いますが、本来ならクリックすると`active`クラスが付与され、選択していることが分かるようになっています。ですが、`router-link`で下のソースのように囲むと、`fish-option`のクリックイベントが発火しません。
|
|
7
|
+
サンプルページで動作させてみると分かるかと思いますが、本来ならクリックすると`active`クラスが付与され、選択していることが分かるようになっています。ですが、`router-link`で下のソースのように囲むと、routerの遷移は行われるのですが、`fish-option`のクリックイベントが発火しません。
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|