Vue3 と Storybook 7 でスロットを処理する方法

ButtonAsSlot ストーリーで、1 つのコンポーネント (UIButton) を別のコンポーネント (UICard) のスロットとして渡そうとしています。 ButtonAsSlot ストーリーでは、default:'' を args.default として渡しているため、スロットに渡されます。既存のストーリー (例: デフォルト: '') を渡すことができれば素晴らしいと思います。しかし、これはうまくいきません。次のことを試しましたが、エラーが発生します: Storybook に予期しない識別子 'object' が存在します。定数

P粉504920992 2023-08-26 00:23:54 0  1  628

コンテンツをスロットにレンダリングする方法

以下に示すように、子コンポーネントにスロットを持つボタンを作成しました。スロットの名前はslotDigitizePolygonBtnLabelです。子コンポーネントのボタンには、ボタンが無効かどうかを示す disableState というプロパティが必要です。親コンポーネントで、子コンポーネントのボタンをレンダリングし、disabilityState の値を親コンポーネントから子コンポーネントに渡したいと考えています。コードを実行しても何も表示されません。どこに間違いがあるのか​​、またその修正方法を教えてください。サブアセンブリ

P粉877114798 2023-08-18 00:30:15 0  1  556

Vue JS の配列に基づいてスロット フィールドを動的に追加/削除する方法

繰り返される HTML フィールドを含むスロットを受け入れる次のコードがあります: <divv-for="(row,index)inrows":key="index"><divclass="d-flexjustify-content-between" > <slotname="fields"></slot&g

P粉639667504 2023-08-28 17:43:21 0  1  488

Vue スロット要素を使用したテンプレート ループでのレンダリング

スライドの HTML をコンポーネントに渡し、スロットを使用して別のコンポーネントにレンダリングしようとしています //carousel.blade.php <my-carousel><templatev-slot:slides><div>slide1</ div ><div>slide2</div></template></my-carousel

P粉514458863 2023-09-15 10:37:00 0  1  588

スロットを使用してカルーセルを作成するにはどうすればよいですか?

人々は、画像の配列を使用してカルーセルを作成する同じ方法を私に教え続けます。しかし、カルーセルの各スライドにライトボックス コンポーネントを含めたいので、このアプローチは柔軟性に欠けます。この場合、カルーセル配列に配置した画像のライトボックスの機能をオーバーライドしたくありません。それは素晴らしいことではありませんか？記述するコードが減り、Vue.js の再利用可能なコンポーネントがこれまで以上に便利になります。スロットを使用した非常に良い例を見つけました。 GitHub 上の SSENSE による VueCarousel。 Web 開発にあまり熟練していない私には、彼が各スライドの表示をどの...

P粉817354783 2024-01-10 16:53:13 0  1  390

Vue がブレード テンプレート内にプロップを挿入する

Vue3アプリケーションをblade/laravelにインストールしています。ブレード テンプレートには、次のスロットを挿入した Vue3 コンポーネント (zest-dropzone) があります: <template>...<slotname="hits":button-label="buttonLabel":files=" files":type= 「t

P粉614840363 2024-03-27 09:15:52 0  1  414

VSelect - Vuetify 3 のカスタム「プロジェクト」スロットでは選択が機能しません

Vue3 アプリケーションで Vuetify3 の VSelect を使用しており、アイテム スロットを使用しようとしています。しかし、VSelect オプションが選択できなくなりました。次の VSelect 要素があります: <v-selectv-model="tag":items="tags"variant="solo" label="Tags"><template#

P粉166779363 2023-08-26 12:35:37 0  1  547

Vue 3 複数のコンポーネントにスロットを渡す方法

プロジェクト全体で再利用できる、指定されたセルを含む巨大なテーブルを作成しようとしています。さまざまなセルコンポーネントをテーブルコンポーネントに渡したいと考えています。しかし、名前付きスロットを複数の子ノードに渡す方法がわかりません。私は Vuev3.2.45 を使用しており、ID と名前付きスロットのテストで行ったように、App.vue で名前付きスロット セルの slotProps を使用できるようにしたいと思っています。自分自身を明確にするために、ここにプレイグラウンドを作成しました //App .vue <scriptsetuplang=

P粉216203545 2023-08-27 00:15:30 0  1  567

プラグイン

このコードはどのようなプラグインを示唆していますか?

手机用户1594159932 2020-08-26 03:18:37 0  0  1266

プラグインのインストール

- Chrome 用プラグイン + Web サーバー: ローカル Web サーバー + Markdown Anywhere: ブラウザーでの Markdown ドキュメントのリアルタイム プレビュー これら 2 つのプラグインのインストールをわかりやすく説明できますか?インストールできないのは本当です。

依然 2019-02-26 19:47:57 0  0  972

vim プラグインの使用時の問題

vim を使用する場合、Python PEP8 標準検出用のプラグインがインストールされます。プラグインのアドレスは https://github.com/nvie/vim-flake8 です。エラープロンプトが表示されますが、エラープロンプトを読んでもエラーは表示されません。図に示すように、エラープロンプトを閉じる方法を知っていますか?どうすれば閉じられますか...

仅有的幸福 2017-05-16 16:37:10 0  3  596