Syncfusion タブにファイルをロードしても React-pdf がロードされたままになる

SyncfusionTab を使用して、タブに基づいて複数の種類のファイルを表示しています。表示したいファイル形式の 1 つは PDF 形式です。残念ながら、これまで表示しようとした他の種類のファイルとは異なり、この種類のファイルはある意味ブロックされています。私はreact-pdfを使用しています（他には何も使用したくありません）。PDFを表示し、正しいタブが選択されたときにファイルをロードします。タブを切り替えると、ファイルはクリアされます。 useQuery を使用してサーバーにリクエストを送信し、データベースからファイルを取得します。ファイルをコンソールに出力できますが、何らかの理由で

P粉658954914 2023-09-13 13:28:36 0  1  650

bページタブからaページタブに切り替えるときにトリガーされるイベント

ブラウザでさらに多くのタブ ページが開かれている可能性があります。ユーザーが指定したページ (ページ a のタブなど) に戻ったときにイベントを取得するにはどうすればよいでしょうか?そして指定されたjsを実行しますか？

欧阳克 2017-06-08 11:03:13 0  2  1047

javascript - オブジェクト指向プログラミングを使用してプラグインを書くjsと通常の関数の違いは何ですか

たとえば、タブを作成する場合、指向プログラミング手法を使用すると、通常の関数のカプセル化よりも複雑になりますが、コードの再利用も実現できます。なぜこれほど多くの人がオブジェクト指向プログラミング プラグインの使用を選択するのでしょうか?指向プログラミングと関数呼び出しの最大の違いは何ですか?

曾经蜡笔没有小新 2017-06-13 09:23:21 0  3  1029

Tab キーを使用してページ上の HTML 要素を移動します

Tab キーを使用している HTML ページで、Tab キーを使用してスクロールできません。これは、「テーブルを更新できません」ポップアップが開いたときにタブを参照しようとしているページの写真です。それをクリックしてタブを押しました。初めてタブを押すと、フォーカスが画像内の矢印要素に移動します。しかし、次にタブを押すと、要素 Page3 に移動します。上矢印アイコンは HTML で選択されている <i タグで、次の <i タグは x ボタンです。何らかの理由で、2 番目の <i タグがスキップされ、タブ キーが 2 回目に表示されたときに x ボタンに移動しません。これはそう...

P粉106301763 2024-02-03 21:30:59 0  1  450

javascript - jQuery プラグインを自分で開発して、1 つのプラグインで複数の機能を実現できますか?

RT! たとえば、タブ関数、カルーセル関数、ポップアップ ウィンドウ関数などを備えたプラグインを作成する場合、もちろん、これらの関数が強力である必要はありません。これらの関数をまとめて呼び出すだけです。私のアイデアは、varmethods = {...} の内側でラップすることです。

phpcn_u1582 2017-07-05 11:00:48 0  3  1086

ボタンがクリックされた場合のみフォームにリダイレクトし、オプションを選択します。それ以外の場合は、ナビゲーション タブの標準表示がデフォルトになります。

1 つのナビゲーション タブにフォームがあり、別のナビゲーション タブからそのフォームにリンクしています。以下のコードを使用して、複数のページからすべてのナビゲーション タブにリンクしています。 consthash=window.location.hash;constbsTab=newbootstrap.Tab(hash);bsTab.show(); それは機能しますが、可能であれば、URLからリダイレクトした後にハッシュタグを削除したいと考えています。これは、JavaScript のこの部分で発生している問題です。もう一つは

P粉012875927 2024-03-22 10:12:30 0  1  325

他のページに移動するときに ScrollPosition が先頭に設定されない

Web ページはマスター/スレーブ アプローチを使用して設計されています。マスターにはタブ (左ペイン) があり、クリックするとスレーブ (右ペイン) の対応するページが表示されます。例えば。 master には「スキーマとテンプレート」という 2 つのタブが 3 つあり、デフォルトでスキーマが表示されます。ユーザーは、左側のペイン (マスター ページによってロードされる) のタブを使用して、これら 2 つのページ (スレーブ ページによってロードされる) 間を移動できます。ここで、ユーザーがスキーマ ページ内の特定の位置までスクロールしてテンプレート ページに移動すると、スクロール位置は上部...

P粉556159786 2023-08-30 09:07:14 0  1  557

Vue コンポーネントの iframe が新しいタブで開きます (Safari のみ) ----- 時々

IFrame を含む Vue コンポーネントがあります。このコンポーネントは、Vuex ストレージを使用して API 呼び出しを行い、IFrame にロードされる SSO の情報を取得します。コンポーネントが初めてインストールされるとき、コンポーネントは IFrame に完全にロードされます。ただし、画面を切り替えてコンポーネントを再度インストールすると、SSO が新しいタブに読み込まれます。その後、別の画面に移動すると、再び正常にロードされます。したがって、新しいタブの問題は、コンポーネントがインストールされているときにのみ発生します。この動作は Safari でのみ発生することに注意するこ...

P粉238355860 2024-03-19 19:35:49 0  1  345

Woocommerce のクリア バリエーション リンクをカートに追加ボタンに移動します

製品バリアントが選択されたときにクリア オプションが表示されないように、テーマの PHP ファイルから「クリア」リンクを削除しました。リンクは現在削除されており、これは目標の一部でしたが、[Clear] リンクは引き続き [カートに追加] ボタンに影響を及ぼし、製品バリエーションが選択されるとボタンが約 30 ピクセル下に移動します。 WooCommerce プラグインのバリエーション サンプルを使用して、製品バリエーションのボタンの外観を実装しています。バリアント サンプル プラグインを使用していない場合は、リストの右側に明確なリンクが表示されますが、プラグインを使用すると、リンクが下に表示...

P粉018653751 2024-02-21 15:13:11 0  1  484

Vuejs - VSCODE にブレークポイントが設定されていない

vscode を使用して vuejs をデバッグしようとしています。多くのチュートリアル/回答を試しましたが、動作させることができません。そこで、ここで質問することにしました。おそらく今では、それを機能させるための正しい方法があるかもしれません。デバッグしたいプロジェクトと同じプロジェクトを作成したので、ここに印刷物を投稿できます。プロジェクトの構造は次のとおりです: これは非バインド ブレークポイントです: Chrome の [ソース] タブは次のようになります: Chrome のソース タブの詳細: vue.config.js:/***@type{import('@ vue/

P粉308089080 2023-11-02 15:53:39 0  2  822

Android - イオンハイブリッド開発、デフォルトの写真ピッカー、IOS では単一の写真を選択できません。

Cordova-plugin-image-picker プラグインを使用して、maximumImagesCount: 1 メソッドを呼び出します。 コンパイル済みの Android 版ではアルバムを選択しても写真は 1 枚しか選択できませんが、iOS 版ではアルバム内の複数の写真を選択できます。すみません、iOS でフォ​​ト アルバムを開いたときに写真を 1 つだけ選択できるようにするにはどうすればよいですか?

过去多啦不再A梦 2017-05-16 13:31:35 0  1  614

Tailwind CSS: ナビゲーション デザインの作成

私は CSS と VueJs を初めて使用するので、タブ パネルのデザインと機能を作成しています。 現在、tailwindCSS プラグインを使用しています。 私が望むデザインは次のようなものです。 現在: CodePen がないため、この希望を再現できません。スペースの要素間の: flexspace-x-10 または Gridgrid-gap-20 を使用しようとしましたが、機能しません 背景が灰色です: <nav> 内で bg-gray-600 を使用しようとしましたが、結果ではなく原因ですクリックすると変更 タグを選択

P粉515066518 2024-02-26 16:48:59 0  1  356

ReactでFirebaseを使用する場合、getAuth getStorage getFirestoreなどは一度呼び出して渡すべきでしょうか、それともコンポーネントごとに呼び出すことができるのでしょうか？

複数のコンポーネントで constdb=getFirestore() または constauth=getAuth(app) などを使用した結果が必要な場合は、 constdb=getFirestore() または constauth =getAuth(app) などが必要になるたびに、各コンポーネントでこれらの行を書き換える必要があります。それとも、単に App コンポーネントのトップレベルで呼び出して、複数の呼び出しを避けるために props として子コンポーネントに渡しますか?オプション 1 の方がコーディングは簡単だと思いますが、パフォーマンスが低下する可能性があります。存在する

P粉788571316 2024-01-16 22:40:06 0  1  385

Next JS アプリで CSS ファイルを使用できないのはなぜですか?

Web サイトのデザインに NextJS を使用するプロジェクトに取り組んでおり、コンポーネントのデザインに CSS ファイルを使用したいと考えていますが、それをコンポーネントにインポートできないのはなぜですか? NextJS アプリではモジュラー CSS ファイルのみを使用できますか? NextJS プロジェクトに CSS ファイルをインポートしようと何度も試みましたが、成功しませんでした。グローバル CSS ファイルとモジュラー CSS ファイルをインポートしましたが、CSS ファイルをインポートできません。

P粉904191507 2023-09-22 10:58:43 0  1  1061

React アプリケーションのパフォーマンスの最適化: 多数のプロジェクトをレンダリングする効率的な方法

React アプリケーションを開発していて、項目の大きなリスト (数千行) を表示する必要があります。現在、ユーザーがリストをスクロールしたり項目をフィルターしたりすると、パフォーマンスが非常に遅くなります。 React アプリケーションのパフォーマンスを最適化してユーザー エクスペリエンスを向上させる方法はありますか?いくつかの追加情報: - 項目のリストをレンダリングするために React 関数コンポーネントとフックを使用しています。 - リスト内の各項目には、テキストや画像などの複数のデータ フィールドが含まれます。 -現在、組み込みのマップ関数を使用してアイテムのリストを表示しています...

P粉733166744 2024-01-16 20:43:20 0  1  422

コンポーネントがロードされるとき、Vue の Provide と Inject は未定義です。

状況 header.vue コンポーネントがcontainer-nav.vue コンポーネントにデータを提供できるように、Vue のオプション API を使用して機能を提供および挿入しようとしています (「コンポーネントの階層」を参照)。ただし、データが注入される場合、初期ロードではデータは未定義になります。現在のコンポーネント階層: header.vue > header-nav-menu.vue >container-nav.vue 1-header.vue (祖父母) を試してください。 このコンポーネントでは、 pinia(storeComm) から開始します。

P粉377412096 2023-08-26 09:34:12 0  1  486

同じライブラリを 2 回使用する場合にマイクロ フロントエンドで CSS を分離する

いくつかのマイクロフロントエンド反応アプリケーションがあります。すべてのアプリケーションはテクノロジーに依存しません。これは、すべてのアプリケーションが依存関係として任意のライブラリを持つことができることを意味します。彼らはwebpackモジュールユニオンプラグインを使用しています。他のマイクロ フロントエンド アプリケーションのバージョンが同じ場合、依存関係は共有されます。マイクロ フロントエンド アプリケーションは、メイン マイクロ フロントエンド アプリケーションとサブ マイクロ フロントエンド アプリケーションのグループに分類されます。メイン アプリケーションは、他のサブアプリケーショ...

P粉321676640 2024-01-01 09:43:23 0  1  504

javascript - vue コンポーネントの繰り返し呼び出し

現在、Vue を使用してプロジェクトを作成しています。多くのページがあり、その多くには削除確認ボックスがあります。この削除ボックスをコンポーネントとして作成し、毎回呼び出すことはできますが、内部のデータは変更されますか?兄弟コンポーネント間の通信が使用されますが、別のページの削除ボタンからこのコンポーネントを呼び出すにはどうすればよいですか...

漂亮男人 2017-06-28 09:29:12 0  2  1388

MySQL クエリで OR 関数を使用する方法 VB.NET

学校のプロジェクトの最後のコードに問題があります。 「actuelewerktuigselectie」列から特定の ID に対して複数の値を選択する必要があります。これらの値は、プロジェクトでさらに使用するために変数に挿入する必要があります。最初の ID の値のみを取得します。私の現在のコードを以下に示します。すべての値を取得できるようにコードを修正するには何を変更すればよいですか? DimsCnnStrAsString=My.Settings.sCnnStrDimoCnnAsNewMySqlConnection(sCn

P粉674999420 2024-03-30 20:23:02 0  1  378

カスタムクラスを条件として使用した Tailwind の練習

追い風の条件を設定できますか？親要素に「small」などのクラスがある場合、この要素は属性「p-0」を使用します。すべてのオプションを書かずに、「parent-small:p-0」のようなものを使用してこれを達成することは可能ですか?必要なクラスだけをスタイルファイルに追加しようとしましたが、重複したクラスが大量に発生したため、tailwind を使用してこれを実現できるかどうか疑問に思いました。

P粉513316221 2023-09-08 14:08:57 0  1  531