MUI スライダー コンポーネント: 異なる色の親指

MUI にはスライダー コンポーネントがあります: https://mui.com/material-ui/react-slider/ 現在、ユーザーが値の範囲を選択できるようにするために使用しています (つまり、スライダーには 2 つの親指があります) MUI Multi -サム スライダー ブロックのドキュメント: https://codesandbox.io/s/gptppq?file=/demo.js スライダーのサムは、https://codesandbox.io/s/359l9t?file=/demo のようにスタイル設定できます。 ts

P粉709644700 2023-09-08 22:49:51 0  1  453

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

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

黄舟 2017-07-05 11:00:36 0  1  1396

javascript - コンポーネント内の値を動的にバインドすることはできません。

これがこれから書くコンポーネントのコードと、コンポーネントではないコード {code...} 一番下が JS {code...} 最終的なレンダリングが {code...} コンポーネントではないもの以下のコードでは、値は通常、動的な値の動物として表示され、上はコンポーネントです。名前とラベルは通常の値です。

曾经蜡笔没有小新 2017-05-19 10:18:31 0  1  375

javascript - vue がコンポーネント動的コンポーネントを使用できないのはなぜですか?

1. コンポーネントを使用したコンポーネントの動的追加が失敗するのはなぜですか? <template> {code...} </template>import modal from './company/modal.vue'export default { {code...} } なぜですか?最初にコンポーネントを動的に追加できます...

仅有的幸福 2017-05-31 10:39:56 0  2  786

ホスト設定関数の外で、Vue3 動的コンポーネントでプロビジョニング/インジェクションを宣言する方法はありますか?

Vue3で動的コンポーネントを作成しています。小道具を提供するために v-bind を使用します。 <component:is='MyComponent'v-bind='myProps'/>provide/inject 機能を使用したいと考えています。提供したプロパティを動的コンポーネントに追加するにはどうすればよいですか。私の動的コンポーネントはセットアップ関数で inject を呼び出し、その子コンポーネントの値を期待しています。これは Vue では文書化されていませんが、次のように試してみましたが成功しませんでした: <component:is='MyComponen

P粉384366923 2023-08-30 09:41:50 0  1  493

JavaScript - vue コンポーネントを使用してルーターリンクを動的に生成する方法

{コード...} 現在の問題は実現可能ですが、vue-router実行前にコンポーネントが登録されていないというエラーが報告されます。より良い動的実装方法があればお聞きしたいです。 元の問題↓サイドルーティングを実行して、vue-routerを実行して解析すると、何かが表示されます...

过去多啦不再A梦 2017-06-26 10:53:30 0  1  865

Redux ストアの値が変更されたときに React Tab コンポーネントがアクティブなタブを更新しない

React アプリケーションで ChakraUITab コンポーネントを使用しています。 Redux に数値が保存されており、その値に基づいてアクティブなタブを変更したいと考えています。ただし、ストア内の数値を更新しても、アクティブなタブはそれに応じて変更されません。この問題はどうすれば解決できますか?以下は MyTabs コンポーネントのコードです: functionMyTabs(){constnumber=useSelector(selectnumber);console.log(number);return(<Ta

P粉950128819 2023-08-31 17:49:11 0  2  558

Vue 3 で動的コンポーネントのインポートを実装する方法を学習します。

この投稿によると、コンポーネントを Vue3 アプリケーションに動的にインポートしたいと考えています。ビューのコードは次のとおりです:&lt;template&gt;&lt;divclass="page"&gt;&lt;latest-boxv-if="showlatestBox"/&gt;&lt;/div&gt;&am

P粉253800312 2023-08-24 16:00:23 0  1  649

タイトルは次のように書き換えられます: Vue.js 3 と Tailwind CSS の RatingBar コンポーネントの動的幅レンダリングの問題を解決する

Vue.js3 と TailwindCSS を使用しています。 RatingBar というコンポーネントがあり、親要素のクラスに動的な幅の値を適用しようとしています。ただし、DevTools では予想される幅が表示されますが、レンダリングは 100% です。これは RatingBar.vue コンポーネントのコードです: <template><divclass="my-2gridgrid-cols-3items-center"&g

P粉803527801 2023-09-01 10:19:15 0  1  404

Tailwind CSS の React ドロワーコンポーネントの閉じるアニメーションの問題を解決する方法

私の React プロジェクトでは、tailwindCSS も使用し、メニューのアイコンをクリックした後にドロワーを開く機能を実装しました。問題は、私の実装では終了アニメーションが失われることです (開始アニメーションは通常のままです)。このコンポーネントを見てみましょう: importReact,{useState}from'react';import{Link}from"react-router-dom";import{PlusCircleIcon}from&quot;

P粉545682500 2023-08-13 10:44:01 0  1  554

javascript - Vue2.x は条件判定後にメッセージプロンプトコンポーネントを動的に挿入する方法

もともとElement UIでMessageを使っていたのですが、スタイルがプロジェクトと合わず、新しいUIにデザインを与えました。今度はこのメッセージプロンプトをコンポーネントとして書きたいと思います。このような呼び出しの実装方法 Message.error( 「インターフェース要求が失敗しました」);。または、api.js で呼び出すことができる限り、この形式である必要はありません...

仅有的幸福 2017-05-19 10:25:11 0  2  650

javascript - チェックボックスを使ったツリーコンポーネントの多層ネスト連携を実現する方法

現在、チェックボックス付きのツリーコンポーネントを作成しています。レンダリングのアイデアは、親クラスから子クラスへ再帰することです。children 属性がある場合は、子に自分自身を呼び出させます。コードは次のとおりです {code...}ここで、親クラスが子クラスに再帰する場合、n-1 回の再帰が必要になることから、チェックボックス選択のリンクを行う必要があります。これは非常に影響力があると感じます...

滿天的星座 2017-06-26 10:50:15 0  1  658

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

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

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

javascript - vue-cli プロジェクトでは、サブコンポーネントはルート内のメタ属性を動的に変更できますか?

ルートのメタに設定された title 属性を通じて WeChat のタイトルを変更したい場合、および商品詳細セクションで商品の詳細を取得したい場合は、サブセクションでルートのメタの title 属性を動的に取得する必要があります。コンポーネントを変更して変更することは可能でしょうか?

学习ing 2017-07-05 10:38:30 0  1  866

Vue 2 の動的コンポーネントは値を失い、無関係な値が変更されると更新されます

私は長い間この問題に悩まされており、バグだと思っていたほどです。動的 vue コンポーネントを使用して、テキスト本文のタグを入力に置き換えます。これは期待どおりに機能します: 水分補給ベースライン質問(targetObject){varhtml='<p>'html=html+targetObject.baselineif(targetObject.baseline_questions){targetObj

P粉245276769 2023-09-07 16:25:55 0  1  480

スライダー追跡アニメーションを無効にすることはできますか?

MUI にはスライダー コンポーネントがあります: https://mui.com/material-ui/react-slider/ ナブで再生されるアニメーションを無効にして新しい位置に移動し、移動する方法を見つけようとしています。すぐに。これを行う方法はありますか?

P粉460377540 2024-03-28 19:17:20 0  1  392

React Native で gorhom ボトムフォームの影を表示します。

私は gorhom/react-native-bottom-sheet ライブラリを使用しています。ユーザーが下部フォームを上下にスライドしたときにシャドウ ボックスを表示したいと考えています。これを達成するにはどうすればよいでしょうか?現在、isOpen時に表示するように設定していますが、スワイプ時に表示したいと考えています。また、isPressed が true の場合にシャドウ ボックスを表示するために、Touchable コンポーネントでラップしてみました。

P粉148434742 2023-07-27 23:12:57 0  1  529

javascript - js制御要素のスタイルに関する疑問

{コード...} 上記のコードに示すように、slider_box は 1 秒ごとに 20% 左 (1 画面) にスライドしますが、問題が発生します。100% までスライドすると、左にスライドできなくなります。 (さらにスライドすると、画像は表示されません))、ただし、他のプラグインで見た効果は、slider_box のスライド変化が 1 秒ごとに -20% から 0 から -... になるということです。

伊谢尔伦 2017-07-05 10:39:55 0  4  799

別のコンポーネント内で Vue コンポーネントを動的にレンダリングする

Vue3.2.41-@heroicons/vue2.0.14-inertiajs1.0-vite4.0.0 を使用して、これを使用して Vue コンポーネントを呼び出しています。 コンポーネントは次のようになります: <template><component:is="icon"/><! -- 動作しません --><CalendarDaysIcon/><!--動作します-->&

P粉764003519 2023-08-30 20:51:07 0  2  541

javascript - Chrome は、タイトル属性を持つ要素のポップアップ プロンプト ボックス スタイルを変更できますか?

また、Chrome ではコントロールをスライドしてもプロンプト ボックスは表示されませんが、IE や Edge では正常です。これを解決する方法、ありがとう {code...} スライド後

为情所困 2017-05-24 11:32:05 0  2  798