に質問検索_PHP中国語ウェブサイト

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

P粉877114798 2023-08-18 00:30:15

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

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

P粉216203545 2023-08-27 00:15:30

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

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

P粉504920992 2023-08-26 00:23:54

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

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

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

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

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

P粉817354783 2024-01-10 16:53:13

Shadow DOM を使用せずに WebComponents でスロットを使用する

ShadowDOM を使用せずに WebComponent を構築しようとしています。これまでのところ、基本的には機能するだけですが、Angular の @ViewChild/@ViewChildren を使用するなど、他のコンポーネントをラップするコンポーネントを構築したいと考えています。 (ここでレンダリングに使用しているライブラリは、lit-html に似た uhtl です)。

P粉936568533 2024-03-28 21:59:05

javascript - vueコンポーネント、スロット内の要素の高さを取得する方法

swiper.js と同様のスライダーコンポーネントを作成し、各スライダー項目に dom 構造を挿入します。操作中に、挿入された dom 構造がマウントされたステージの高さを取得できないことが判明したため、レンダリングしないでください。

为情所困 2017-07-05 11:09:08

Vue js でボタンのネストを回避する方法

したがって、スロット <divname="checkAnswer" class="w-[70%]mx-[15%]flexitems-centerjustify-center">< buttonclass= を持つコンポーネントとして、複数回使用したいボタンがあります。「p-3rounded-3xlshadow-mdfont-boldm-4px-10border-2」

P粉852114752 2023-09-15 12:35:30

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

プロパティから推論された汎用データ型を持つ Vue 3/Nuxt 3 スコープのスロット

Nuxtv3にカルーセルコンポーネントを実装したいと考えています。このコンポーネントは項目のリストを受け取ります。このコンポーネントはロジックのみを実装し、スタイルや構造は実装しません。これが私のコンポーネントです:components/tdx/carousel.vue<template><div><slotname="last"></slot><divv-for="iteminiitems"><slotna

P粉863295057 2023-11-02 21:59:05

Vue 2 で親子コンポーネントの無限ループを実装する方法: スロットを使用する

親コンポーネントから子コンポーネントのメソッドを呼び出す必要があります。ただし、子コンポーネントで実行していることによって無限ループが発生しているようです。他の質問を見てみましたが、同様の問題を解決しているようですが、私が直面している問題に正確なパターンを適用することはできず、異なるようです。ただ、何を見ているのか分かりません。 2 つのコンポーネントがあり、1 つは ToggleButtons と呼ばれ、もう 1 つはボタンに簡略化されています。 ToggleButton は次のとおりです:<template><divrole=&qu

P粉128563140 2023-09-03 15:13:47

Vue 3 でスロットの内容を確実に処理する方法はありませんか?

現在、Vue2 コードベースを Vue3 に移行しています。 <card><template#default><card-header><titlelevel="3">ヘッダ</title></card-header&amp

P粉714844743 2023-08-30 08:47:17

vue3を使用してスロット内のHTMLElementsを取得するにはどうすればよいですか?

Layer コンポーネントを開発しようとしたときに問題が発生しました。コードは次のとおりです。 //Wrapper.vue<template><slotv-bind="attrs"></slot></template><scriptlang="ts&qu

P粉794177659 2023-09-01 17:57:52

Vue 3 スロットコンテンツで改行文字 (\n) を取得するにはどうすればよいですか?

Vue2 コンポーネントを Vue3 に移行しようとしています。この考え方は、Vue の "ln2br" (実際には "ln2p") に似ています。したがって...<my-linebreak>Thisistheline1.Thisistheline2.Thisistheline3.</my-linebreak>は次のようにレンダリングする必要があります: <div><p>Thisistheline1.</p><p

P粉391677921 2024-03-26 12:42:18

php - echsop モバイル広告スペースを追加するにはどうすればよいですか?電話をかける方法は？場所を設定するにはどうすればよいですか? 「ホームページ」にて

echsop (Business Wings) のモバイル広告スペース、これはどのようなものですか?しかし、背景に広告スロットを追加した後、背景管理センター - 設定テンプレートの広告が何らかの理由ですべてめちゃくちゃになってしまいました。

ringa_lee 2017-05-31 10:33:03

レンダリング関数を使用してカスタムコンポーネント内のすべての項目をラップする Vue 3 のトリック

独自の並べ替え可能なコンポーネントを構築しようとしています。アイテムのリストをデフォルトのスロットに渡したいと考えています。並べ替え可能なコンポーネントは、渡されたすべての項目をカスタムの v ドラッグ可能なコンポーネントでラップする必要があります。 <v-sortablehandle=".handle"><template:key="index"v-for="(item,index)initems"><some-co

P粉926174288 2023-12-27 21:49:07

タワーサーバーとは何ですか?ラックサーバーとの違いは何ですか?

サーバーは、その外観の構造により、タワーサーバー、ラックサーバー、ブレードサーバーの3種類に分類できます。現在、市場でよく使われているサーバーはタワーサーバーとラックサーバーの2種類ですが、この2つのサーバーの違いは何でしょうか?一般的に最もよく目にするのはタワーサーバーであり、外観や構造が異なります。 PCは一般的なサーバーとほぼ同じですが、サイズが少し大きくなりますが、その寸法については統一した規格がありません。タワーサーバーのマザーボードは拡張性が高く、スロットが多いため、タワーサーバーのシャーシ内にはハードディスクと電源用に多くのスペースが確保されていることがよくあります。

Crazy 2021-10-22 09:16:34

リモートウェアハウスを git に追加した後、プッシュできません

Alibaba Cloud ECS (CentOS7) を持っており、そこにプロジェクトを配置する必要がありますが、github を経由したくありません。リモートウェアハウスをローカル git ウェアハウスに直接追加して、ECS に直接プッシュしたいと考えています。。まず ECS にプロジェクトディレクトリを作成し、ウェアハウスを初期化します。 $ git init added the Remote...

漂亮男人 2017-05-02 09:28:02