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

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

React コンポーネントライブラリ + SASS モジュール性

React コンポーネントライブラリの開発を始めており、他の非 React プロジェクトと共有している SCSS コードの一部を再利用したいと考えています。これを実現するために、React コンポーネントで SASS モジュールを使用しようとしています。単純な使用例は問題なく機能しますが、コンポーネントライブラリを作成しているため、ボタンなどの特定のコンポーネントに複数のスタイルの組み合わせが必要です。さて、ボタンコンポーネントに問題があります。このコンポーネントは非常に単純ですが、3 つの異なるバリアント値があります。これは Button.tsx ファイルです: importReactf...

P粉818306280 2024-03-26 21:31:03

VUE UIコンポーネントライブラリを作成する

vueを使用してコンポーネントライブラリを作成しています。本当の問題は、文書をどのように作成するかです。 docs フォルダー (nuxt など) に新しいプロジェクトを作成しますか、それとも単にルートディレクトリに package.json を置き、docs フォルダー内の vue を使用して新しい createApp をインスタンス化しますか?ドキュメントを作成するときに、コンポーネントをコンポーネントライブラリで直接テストしますか?

P粉300541798 2023-08-30 14:15:10

ライブラリからインポートされたコンポーネントに風下インラインスタイルを適用する

TailwindCSS を使用して React コンポーネントのライブラリを構築していますが、アプリケーションごとのコンポーネントへの相対パスを使用せずに、ライブラリコンポーネントのスタイル (node_modules 内) を使用するアプリケーションのスタイルでコンパイルする方法があるかどうか知りたいですtailwind.config.js の content フィールドに追加します。プリセットのドキュメントを確認したところ、ライブラリのプリセットに追加するだけでは、アプリケーションのカスタム構成によって上書きされるようです。

P粉742550377 2023-09-06 23:06:34

「Nuxt がカスタム Vue (vuecli) コンポーネントライブラリの認識を拒否し、エラーメッセージ「モジュールの宣言ファイルが見つかりません」が表示されます。」

このチュートリアルで作成した VueCLI プロジェクトを使用して、小さな Vue コンポーネントライブラリを構築しました: https://javascript.plainenglish.io/how-to-create-test-bundle-vue-components-library-8c4828ab7b00 コンポーネントライブラリ VueCLI プロジェクトが作成されますTypescript Setup を使用しているため、いくつかの *.d.ts ファイルが付属しています: //shims-tsx.d.tsimportVue,{VN

P粉212971745 2024-02-21 14:11:36

vue3 js コンポーネント: コンポーネントが更新されていません

API からデータを収集するコンポーネントがあります。 API から返されるデータは、詳細を含む配列です。配列内の値の 1 つはレンダリングされるコンポーネントのタイプであり、他のすべてのデータはコンポーネントに渡されます。データベースから返された値に基づいて正しいコンポーネントをレンダリングしようとしていますが、残念ながら機能しません。私は Vue を初めて使用しますが、vue2 では動作しますが、コンポジション API を使用して Vue3 でも動作したいと考えています。これは置き換えたいコンポーネントコードです: <component:is="question.type...

P粉779565855 2024-02-25 14:50:02

VUE-Router ライブラリを使用せずにブラウザで Vue コンポーネントを検査する

vue3 と CLI ビルドツールを使用しています。コンポーネントを .net ページにインポートします。ルーターライブラリを使用せずにブラウザ上でコンポーネントを検査する必要があります。実際に別のコンポーネントにする方法はありますか? Vue2 では、gulp ビルドツールとフラクタルツールを使用して、ブラウザー内のコンポーネントを検査しました。 vue-3 に移行した後、解決策が見つかりません。

P粉729518806 2024-03-19 18:23:18

javascript - 子コンポーネントは親コンポーネントのカスタムイベントをトリガーしますが、親コンポーネントは応答しません。

以下がサブコンポーネント @change='showChange' がサブコンポーネントイベントです以下のテンプレートがオーダー型コンポーネントとして登録されています {code...} 以下がサブコンポーネントのメソッドです: {code..以下は親コンポーネント {code...} ですが、alert(2) は実行されません

大家讲道理 2017-07-05 11:03:26

分散された .mjs ファイルで使用できる単一の Vue コンポーネントを公開するライブラリを作成するにはどうすればよいですか?

単一の .mjs ファイルにバンドルされた Vue コンポーネントを作成したいと考えています。別の Vue プロジェクトは、HTTP 経由でこの .mjs ファイルを取得し、コンポーネントを使用できます。他のアプリケーションが実行時の構成に基づいてコンポーネントを取得しようとするため、npm 経由でプラグ可能コンポーネントをインストールすることはできません。プラグイン可能なコンポーネントで考慮すべき点別の UI フレームワーク/ライブラリのサブコンポーネントを使用している可能性があるカスタム CSS を使用している可能性があるイメージコピーライブラリなどの他のファイルに依存している可...

P粉797004644 2023-08-26 23:23:36

Vite で構築された React コンポーネントライブラリのスタイルを分割または挿入する

現在、Vite を使用するようにコンポーネントライブラリのビルドステップを書き直しています。スタイルに問題があります。スタイルは分割されず、1 つの大きな style.css ファイルにバンドルされています。これにより、2 つの問題が発生しました。パッケージを別のプロジェクトにインストールしたときに、自動的にインクルードされませんでした。コンポーネントをインポートする場合、style.css は魔法のようにインポートされません。実際には使用していないコンポーネントのスタイルをインポートしています。以前のセットアップではスタイルインジェクションを使用していました。これは、CSS がコンポーネ...

P粉464113078 2024-01-10 17:00:11

angular.js - angular2 属性コンポーネントとコントロールコンポーネントの間で通信する方法

1. コントロールライブラリから既存のコントロールをドラッグして要素を生成し、その要素のいくつかの属性を表示します。以下に示すように、右端の属性コンポーネントを変更し、中央の要素の対応する属性を同時に変更するにはどうすればよいでしょうか。例: 背景をクリックして特定の色を選択すると、ボタンの背景色が変わります。生成されたメタ...

世界只因有你 2017-05-15 17:09:54

javascript - Vue でサブコンポーネントから親コンポーネントにパラメータを渡す方法

背景: Vue+ES6 では、親コンポーネントが作成された後に子コンポーネントが呼び出され、onclick イベントトリガーが基になるコンポーネント (子コンポーネントの子コンポーネント) にカプセル化されています。親コンポーネントにイベントバインディングはありませんか? 親コンポーネントはパラメータを渡しますか?

给我你的怀抱 2017-05-19 10:20:59

JavaScript - カスタムサブコンポーネントが親コンポーネントデータを受け取る、v-for を使用して複数のサブコンポーネントをレンダリングする方法

コードから始めましょう。現在、子コンポーネントに 4 つのオブジェクトが渡されています。v-for を使用して 4 つの子コンポーネントをレンダリングするにはどうすればよいですか? v-for は親コンポーネントのテンプレートに配置する必要がありますか? それとも子コンポーネントに配置する必要がありますか?

PHP中文网 2017-05-19 10:44:00

javascript - vue2.0 サブコンポーネントは $parent.$emit と $on を使用して親コンポーネントと通信し、エラーを報告しますか?

これは子コンポーネントであり、これは親コンポーネントです。vue2.0 では events 属性が非推奨になっているため、子コンポーネントのクリックイベントが親コンポーネントにどのようにバブルアップするのか、親コンポーネントはいつこのイベントをリッスンしてトリガーする必要がありますか? 。子コンポーネントのクリックイベントの下に this.$parent.$... を渡してみます。

仅有的幸福 2017-05-19 10:32:24

javascript - vue 内の 1 つのコンポーネントが別のコンポーネントのイベントをより適切にリッスンするにはどうすればよいですか?

親コンポーネント APP の下に 4 つのルーティングコンポーネント A、B、C、および D があります。これら 4 つのルーティングコンポーネントの下には、それぞれサブコンポーネント A1、B1、C1、および D1 があります。アプリの下には E コンポーネントもあります。これらのコンポーネント A1、B1、C1、および D1 をクリックすると、E コンポーネントのメソッドがトリガーされ、対応するパラメーターが E コンポーネントのメソッドに渡されます。さて、私の方法は...

習慣沉默 2017-06-14 10:53:44

データベーステーブルファイルを提供していただけますか?

データベーステーブルファイルを提供していただけますか?

张帆 2022-05-26 21:54:09

Vue コンポーネントの PHP コードが正しく動作しないのはなぜですか?

単純に vue を使用してデータベースに接続したいのですが、多くの方法を試しましたが、まだ機能しません。php コードをコンポーネントに統合したいのですが、思ったように解析されません。これはデータベースへの接続方法を知りたいだけです。。緊急... {コード...}

曾经蜡笔没有小新 2017-05-16 12:58:19

javascript - VUE 親コンポーネントモデルが変更された後、子コンポーネントに渡される props が変更されないのはなぜですか?

VUE 親コンポーネントモデルが変更された後、子コンポーネントに渡される props が変更されないのはなぜですか?親コンポーネント {コード...} 子コンポーネント {コード...} テストメソッドをクリックした後、親コンポーネントのバナーを変更しましたが、バナーがサブコンポーネントに渡された後、サブコンポーネントのモデルが変更されないのはなぜですか?

習慣沉默 2017-05-19 10:30:47

javascript - vue2.0 は、複数の同一のコンポーネントを動的にロードし、コンポーネント内のデータに異なる値を入力し、最後ではないコンポーネントを閉じるときに、破棄された値が最後のコンポーネントの値になります。

Vue2.0 は複数の同一コンポーネントを動的にロードし、コンポーネント内のデータに異なる値を入力します。最後ではないコンポーネントを閉じるときに、破棄された値が最後のコンポーネントの値になります。コンポーネントのロード方法: コンポーネントは配列であり、カスタムイベントを通じてレンダリングするコンポーネントを取得し、コンポーネントにプッシュします。 <com...

黄舟 2017-07-05 11:00:36

javascript - vue では、親コンポーネントがインスタンス化された後、子コンポーネントもインスタンス化されますか?

Vue では、親コンポーネントがインスタンス化された後、子コンポーネントもインスタンス化されますか?そうでない場合、サブコンポーネントをインスタンス化する方法

给我你的怀抱 2017-05-19 10:44:40

Vue クラスコンポーネントを使用して NuxtJs プロジェクトに追加のフックを登録する

私は最初の NuxtJs プロジェクトを構築していますが、Vue クラスコンポーネントを使用してコンポーネントをクラスとして記述しています。 Vue クラスコンポーネントを適用した後、beforeRouteEnter コンポーネントフックへのアクセスで問題が発生します (呼び出されなくなりました)。そこで、このライブラリを使用する際の追加フックの登録に関するドキュメントを見つけましたが、NuxtJs 構造内のどこに import ステートメントを配置すればよいのかわかりません。このファイルがあります（ドキュメントと同じ）：//class-component-hooks.jsimportC...

P粉904450959 2024-03-27 08:38:00