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

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

「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

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

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

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

javascript - vue.js コンポーネントスタイルでスコープ付きを使用した後、! important を遠慮なく使用できますか?

スコープ付きを使用した後、コンポーネント間のスタイルが相互に影響を及ぼさないことを考慮すると、コンポーネントライブラリ内のコンポーネントのスタイルをオーバーライドするときに、現在のコンポーネントで ! important を使用するのは合理的ですか (コンポーネント内のヘッダーコンポーネントのスタイルが異なるため)ライブラリは深くネストされています。!重要)... を使用するよりも、より深いレベルを使用する方が簡単に思えます。

大家讲道理 2017-05-18 10:54:09

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

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

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

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

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

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

配列をコンポーネントに渡す

React は初めてなので、次の点で助けが必要です。コンポーネントをレンダリングするために配列リストを受け入れるコンポーネントがあり、配列でレンダリングされたコンポーネントを操作するには別のコンポーネントが必要です。ここで、API 呼び出しを介して配列を渡す必要があります。現在、次のモックデータを渡しています:exportconstmockData=[{title:'ABC',value:'$7,999',diff:

P粉006540600 2023-08-15 17:00:37

html5 - HTML コンポーネント化。ネイティブコンポーネントを使用して vue や angular に似たコンポーネントを実装します。

たとえば、複数の div で構成されるボタンがあります。この部分はユニバーサルです。これらをカスタムラベルに結合して、<my-label data-value=""></ のようなものを渡すことができるようにしたいと考えています。 my-label> の形式で呼び出してくださいコンポーネントに抽出する方法 (ネイティブ html、js を使用) アドバイスをお願いします...

过去多啦不再A梦 2017-06-24 09:44:09

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

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

データベースから配列を抽出する

図に示すように、配列 (チェックボックス) は unserialize() を通じてデータベースに保存されます。配列を抽出して通常に表示する方法、たとえば、display: math、

杰瑞 2019-11-13 15:30:46

javascript - vue.js コンポーネント開発モデルで、このコンポーネントとそのサブコンポーネントにのみスタイルを適用する方法。

スコープが使用されている場合、スタイルは現在のコンポーネントにのみ影響し、そのサブコンポーネントには影響しません。設計上の問題が原因で、異なるサブコンポーネント間で多くのスタイルが共有されることがあります。スタイルが適用できるかどうか専門家に尋ねたいです。このコンポーネントと他のサブコンポーネントにのみ適用されます。

怪我咯 2017-05-18 10:51:18

データベースファイルのインポート

独自のデータベースを作成する方法と、teach_manger.sql データテーブルファイルをデータベースにインポートする方法、独自のデータベースを作成する方法、teach_manger.sql データテーブルファイルをデータベースにインポートする方法、独自のデータベースを作成する方法また、teach_manger.sql データテーブルファイルをデータベースにインポートする方法、独自のデータベースを作成する方法、teach_manger.sql データテーブルファイルをデータベースにインポートする方法、独自のデータベースを作成する方法、

缘 2019-03-27 11:01:41

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

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

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