ReactJS Tabler/Bootstrap のモーダル遷移

いくつかの ReactJS コンポーネントを使用して Tabler ダッシュボードを構築しています。最初は通常の HTML ページと Jinja2 テンプレートを使用していましたが、一部のコンポーネントに ReactJS を実装し始めました。私は、react-tabler や bootstrap-tabler のようなサードパーティ ツールをあまり使いたくありません。なぜなら、実際には必要のない余分なパッケージが大量に作成されるからです。これらのパッケージを必要とせずに、ReactJS コンポーネントを使用して美しい Tabler ダッシュボードを作成することができました。私が今抱えている唯一...

P粉071559609 2024-02-17 19:44:05 0  1  442

Vue コンポーネント内で Vue を結合して HTML をレンダリングする

プロジェクトを Vue2 から Vue3 にアップグレードしようとしています。そこには、さまざまな Vue コンポーネントのコレクションを含むコンポーネントがあります。 Vue2 での動作方法は、Twig で Twig テンプレート (例: field.twig) を呼び出し、:is 属性と Vue.compile メソッド (<div:is"compile(element.twig) を使用してコンパイルのために Vue に送信します。コンテンツ） ..."）。これは、Twig テンプレートが Vue に送信するものです。 しかし、Vue3 では、これはもう機能しな...

P粉193307465 2024-03-26 14:35:53 0  1  476

Storybook パレットとコンポーネントの両方で同じカラー変数を使用するにはどうすればよいですか?

UI コンポーネントのライブラリを作成し、Storybook を使用してドキュメントと例を提供しました。私の目標は、SCSS ファイルでカラー パレットを宣言し、それをコンポーネントやストーリーブック パレットで使用することです。ストーリーブック パレットは、カラー パレットのドキュメントを作成できる組み込みのストーリーブック コンポーネントです。したがって、デザイン システムの色が変更された場合、SCSS 変数の値を変更するだけで、カラー パレットとコンポーネントの両方が新しい色の値で更新されると考えています。残念ながら、ストーリーブックのドキュメントはこのセクションにあります

P粉670107661 2023-08-29 21:24:33 0  1  646

エクスポート可能な関数を備えた Vue コンポーネントを作成する方法

エクスポート可能な関数を使用してコンポーネントを作成する方法を理解しようとしています。例: このコンポーネントからインポートされた showMessage() メソッドが他のコンポーネントで呼び出されたときに画面に表示されるメッセージ ボックスを作成したいと考えています。メッセージボックスコンポーネントにはロジックとテンプレートを記述したいと思います。これを達成するにはどうすればよいでしょうか?これに関するドキュメントや記事があれば、大変感謝いたします。

P粉458725040 2023-09-11 20:34:15 0  1  598

各カート項目のバリエーションにアクセスする · Shopify

まず、私は常に動作するサンプルを投稿したいと思っていますが、これは js と Shopify のサーバーサイド レンダリング リキッドを組み合わせたものであるため、実行中のサンプルを入手することができません。 Shopify では、以下に示すように商品テンプレートから商品オブジェクトにアクセスできます {{Product}}。ショッピング カート オブジェクトには、ショッピング カート内のすべてのアイテムの配列である items プロパティがあります。ショッピング カート内の各アイテム オブジェクトは、製品オブジェクトとは異なります。 product オブジェクトにはバリエーションのリストがあ...

P粉841870942 2023-12-29 20:38:18 0  2  594

最小限の再現可能なサンプルを作成するためのオンライン サンドボックス Vuetify 3 テンプレートを見つけます。

Vuetify3 を使用しているときに、StackOverflow で質問したい問題に遭遇しましたが、そのためには、再現可能な最小限のサンプルを作成する必要があります。参照できるテンプレートはどこで見つけられますか?私が試したこと codesandbox.io で独自のサンプルを作成しようとしましたが、サンドボックスをあまり使用しないため、動作させるまでに長い時間がかかりました。既存の例を探すためにグーグルで検索しましたが、見つかりませんでした。 Vuetify ドキュメントで提供されている例を使用してみましたが、維持できないようです

P粉553428780 2023-08-16 12:30:32 0  1  562

ベスト プラクティス: Vue 3 でコンポーネントを DOM にアタッチする方法

Vue3 アプリケーションのシングル ファイル コンポーネント (SFC) 内にコンポーネントを動的に作成し、DOM に追加したいと考えています。私は &lt;scriptsetup&gt; スタイル コンポーネントを使用していますが、それは別の質問です。これは不必要に難しいように思えます。私がやりたいことは大まかに言うと、データを取得することです。完成しました。 Vue コンポーネントのインスタンス (Foo.vue) を作成します。データをプロパティとして渡します。好きなところに貼り付けます。問題は、テンプレートで &lt; を使用できないことです。

P粉362071992 2023-08-24 19:51:03 0  2  595

リクエストとユーザー入力を待つ: 患者の期待に関するガイド

コンポーネントのロード時に非同期リクエストを行うとします。このコンポーネントには、ユーザーがこのボタンを押すと、元のリクエストの結果に応じて関数をトリガーできる送信ボタンもあります。非同期リクエストが完了するまでトリガーされた関数の実行を遅らせるにはどうすればよいですか?これが意味がわからない場合は、例を挙げてみましょう。 MyComponent はマウント時に非同期リクエスト getRandomColor() を発行します。 MyComponent のテンプレートは <button@click="handleClick"> です。ハンドル

P粉368878176 2024-02-26 13:25:04 0  1  349

javascript - コンポーネント テンプレートの vue インスタンスで変数データを使用するにはどうすればよいですか?

現在の問題は、現在のテンプレートにレンダリングするときに curTitle 変数の値を取得できないことです。

PHP中文网 2017-06-26 10:56:05 0  2  779

Vue 3 の単一のスクリプト タグ内の複数のコンポーザブル インスタンス

現在、OptionsAPI を使用して作成したコンポーネントの書き直しに取り組んでいます。コード シェアリングの観点から見ると、興味深い書き換えポイントは、モーダル ボックスの多くに、表示されるすべての場所に独自のクローズ/オープンおよびブール ロジックが付加されていることです。私の問題は、1 つのコンポーズ可能な関数を複数のモーダル インスタンスで機能させる方法を理解するのに苦労していることです。次の非常に単純な例を考えてみましょう: Modal.vue<template><divv-if="isOpen"@click=

P粉763748806 2024-01-17 09:49:26 0  1  504

HTML ファイルで JS モジュールを使用する

Javascript コードを node.js に変換しているので、「関数」コンポーネントだけではなく「クラス」と「モジュール」を使用して、古いコードを ES6 に適合するように変更しています。最初にサーバー側を更新しましたが、すべてうまくいきました。しかし今、クライアントにアクセスしようとしているのですが、古いエンコーディングを新しいエンコーディングに変換するのに苦労しています。次の例では、2 つのアプレットが見つかります。「モジュール」アプレットは、「FooClass.js」と「Foo_mod.html」の 2 つのファイルで構成されます。 「コンポーネント」には以下が含まれます

P粉301523298 2023-09-07 14:46:07 0  1  612

GitHub Pages での CSS と JS の表示に問題があるが、VS Code では正常に動作する

私はプロジェクトのページで作業しており、CSS ファイルと JS ファイルを含むテンプレートを使用しています。 VisualStudioCode でコードを作成したところ、コンピューター上でローカルに正常に動作しました。 GitHubPages を使用して共有していますが、メニュー、背景、矢印を表示/非表示にするボタンなど、いくつかの要素が欠落しています。これが私のリポジトリです https://github.com/azu-any/reafo.git 次のようになります: VS Code の使用 GitHub の使用方法: GitHub ページの提供: Advance

P粉864594965 2024-03-30 22:12:20 0  1  435

JavaScript - Mocha Chai 単体テストが実行されない

私はフロントエンド Web 開発コースのブートキャンプでプロジェクトに取り組んでいますが、残念ながら教授は私のこの質問に答えることができません。 2 人のプレイヤーが参加し、26 ターンにわたってプレイして誰が勝つかを確認する単純な戦争カード ゲームがあります。このゲームには次の 4 つのクラスがあります。 Cards Deck Players War これらはモジュールとして設定されているため、エクスポートして、実行に必要な対応するすべての JS ファイルにインポートできます。次に、対応する各ファイルの使用を試みる一連の単体テスト ファイルがあり、対応する各ファイルにアクセスする test....

P粉964682904 2024-04-02 14:52:19 0  1  482

次の js; 一部のモバイル デバイスではコンポーネント内のテキストがぼやけます

タイトルの通り、nextjs ページの一部のテキストがぼやけて見えますが、一部のモバイル デバイスではオンラインで表示されるという問題がまだ発生しています。私はこれを最も顕著に感じたのは一部の iPhone です。コンソールを使用してモバイル レイアウトをテストする場合、これはモバイル デバイスにも当てはまります。これは、私のページ上の 2 つのコンポーネントに関する問題です。どちらのカードも裏返すと裏面が表示されます。また、Framermotion を使用してアニメーション化されます。スタイル設定は Tailwind で行われ、ページの他の部分の通常のテキストは通常​​どおり表示されます。理...

P粉329425839 2023-09-12 21:31:00 0  1  633

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  761

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  696

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  591

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  546