国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

スロットを使用してカルーセルを作成するにはどうすればよいですか?
P粉817354783
P粉817354783 2024-01-10 16:53:13
0
1
581

畫像の配列を使用してカルーセルを作成する同じ方法を人々が私に教え続けます。しかし、カルーセルの各スライドにライトボックス コンポーネントを含めたいので、このアプローチは柔軟性に欠けます。この場(chǎng)合、カルーセル配列に配置した畫像のライトボックスの機(jī)能をオーバーライドしたくありません。それは素晴らしいことではありませんか?記述するコードが減り、Vue.js の再利用可能なコンポーネントがこれまで以上に便利になります。

スロットを使用した非常に良い例を見(jiàn)つけました。 GitHub 上の SSENSE による Vue Carousel。 Web 開(kāi)発にあまり熟練していない私には、彼がどのようにして各スライドにスロットを表示させたのか、まだ理解できません。これはテンプレートです

リーリー

ご覧のとおり、親コンポーネントのカルーセルと子コンポーネントのスライドショーがあります。私にとって最も困難だったのは、カルーセルの機(jī)能を作成するためにインデックスや金額などのデータを抽出する方法を理解することでした。畫像の配列を使用してカルーセルを作成する方がはるかに簡(jiǎn)単であるという意見(jiàn)には同意しますが、このアプローチではカルーセル內(nèi)で別のコンポーネントを使用できません。

###私が欲しいものは?この場(chǎng)合、スライドする各スロットのインデックスを何らかの方法で抽出したいと思います。インデックスを変更することで、カルーセルの関數(shù)を簡(jiǎn)単に作成できます。スロットを使用してカルーセルを作成するにはさまざまな方法があると思いますが、Vue と JavaScript の概念をすべて完全には理解していないので、この問(wèn)題を解決するさまざまな方法を教えていただけますか。

P粉817354783
P粉817354783

全員に返信(1)
P粉402806175

setup 関數(shù)の slots パラメータを使用して、コンポーネント內(nèi)のスロット要素にアクセスできます (useSlots() コンポーネントでも使用されます。これは同等です)オプション API の ##this.$slots に)。 そうすれば、それに含まれる要素の數(shù)がわかります。

リーリー
最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート