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

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

大家讲道理 2017-05-18 10:54:09 0  5  809

javascript - vueの他の場所をクリックしてモーダルを閉じる方法

画像のように、このポップアップレイヤーを別の場所をクリックして閉じるにはどうすればよいですか? jquery を使用して操作するのは非常に簡単ですが、この機能を vue で実装するアイデアを知りたいです。

我想大声告诉你 2017-05-19 10:35:22 0  3  769

javascript - js関数の戻り値を変更するにはどうすればよいですか?

次に、ポップアップ レイヤーをコンポーネントにカプセル化する必要があります。ポップアップ レイヤー コンポーネントには「キャンセル」と「確認」の 2 つの操作関数が含まれており、戻り値はそれぞれ false と true です。このコンポーネントの戻り値は、これら 2 つの操作の戻り値によってどのように決定されるのでしょうか?コードは次のとおりです: {code...} このように呼び出したい: {code...} ありがとう

ringa_lee 2017-05-19 10:11:24 0  5  654

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

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

P粉818306280 2024-03-26 21:31:03 0  2  448

Vue 3: コンポーネント関数のセット変数を取得および変更する方法

Vue3 の合成 API を使用した次の簡単な例を考えてみましょう。コンポーネントの関数で test のインスタンスを使用したいと考えています。 <script>import{defineComponent,ref,onMounted}from'vue'exportdefaultdefineComponent({name:'Test',setup(){lettest=ref()onMounted(()=>{doSom)

P粉463840170 2023-08-24 19:32:40 0  1  584

c# - カスケード内のantd「クリア」値

シナリオの説明 1. カスケード コンポーネントを 2 回ラップする 2. ニュース リストの編集機能で使用する 編集機能は、疑似ボックスのフォーム ボックスをポップアップすることです 問題の説明 編集をクリックするたびに、フォーム ボックスが疑似ボックスのポップアップが表示されます。内部のカスケードでコンポーネント内の任意の値を選択し、クリックして編集シミュレーション ボックスを閉じ、... をクリックします。

天蓬老师 2017-05-19 10:36:29 0  4  856

Google Drive NextPageToken を使用して作成された配列を 1 つの配列に結合します

GoogleDrive からファイルをダウンロードするための次のコードがあります。ファイルの数は、以下に示すように nextPageToken によって決定されます。コードは、nextPageToken が null になるまで $files 配列に配列を追加し続けます。現時点では、返されたすべての配列をループせずに単一の配列にマージしたいサブ配列の数が不明ですが、PHP を使用してこれを実現する簡単な方法はありますか?したがって、以下のコードでは、$files[] を単一の配列にしたいのです。

P粉872101673 2023-08-13 20:28:17 0  1  595

JavaScript - React でアニメーション効果を記述するにはどうすればよいですか?

React でコンポーネントのアニメーション効果を作成するにはどうすればよいですか?たとえば、単純なダイアログ ボックスの場合、[キャンセル] をクリックした後、ダイアログ ボックスが最初にフェードアウトしてから消えるようにしたいと考えています。 jquery を使用する場合、非常に簡単です。まず animate({ //Fade CSS}, function(){ //DOM}) を実行します。でも、どうやって反応すればいいのかわかりません...

世界只因有你 2017-05-18 10:58:34 0  2  773

javascript - Vue の初心者、コンポーネントで v-for ディレクティブを使用する方法

コードは次のとおりです。 {code...} コードの 2 番目の部分 {code...} HTML {code...} 実際、私がやりたいことは非常に単純です。つまり、サブコンポーネントを動的に構築する v-for 命令 tr と td の table タグを設定したところ、実行時にブラウザはエラーを報告しませんでしたが、タグには何も関連していませんでした...

ringa_lee 2017-05-19 10:37:59 0  2  663

JavaScript - better-scroll +vue スクロールの使い方を教えてください

こんな感じですベタースクロールコンポーネントは縦スクロール方式を使用しますが、横スクロールについてはずっと研究していて実装できていませんので、アドバイスをいただければ幸いです。達成したいのは、水平メニューを私がマークしたメニューと同様にできることです

三叔 2017-07-05 10:44:28 0  1  968

Jest - モジュール「xxx」がパス「xxx」に見つかりません

React アプリがあり、簡単なテストを実行しようとすると、コンポーネントで呼び出されるファイルが見つかりません。アプリケーションではすべてが正常に動作します。このエラーが発生するのは、冗談としてテストした場合のみです。 jest に tsconfig と同じ構成を持たせる方法はありますか?これは、テスト対象のコンポーネントで失敗するインポートです: importsocialMediaToComponentfrom "ui/configs/socialMediaToComponent"; これは私のテストです: descr

P粉970736384 2024-03-28 19:53:55 0  1  475

Pinia での Vue.js Web コンポーネントの使用

質問が更新されました Vue.js で作成された Web コンポーネントで Pinia のストアを使用しようとしていますが、コンソールに次のエラーが表示されます: [Vuewarn]: Injection 'Symbol(pinia)' not found at 非常に簡単な例があります。 main.tsimport{defineCustomElement}from'vue'importHelloWorldfrom'./components/HelloWorld.ce.vue'constExampleE

P粉755863750 2023-12-20 10:36:14 0  1  545

Yii2 で特定の IP が検出されると、対応するイベントを発生させます

私は、誰かがレストランのネットワークに接続するたびに、メニュー タブがポップアップするレストラン システムに取り組んでいます。ユーザーの IP アドレスを検出し、それがレストランのネットワークと一致するかどうかを確認して、これを試してみました。しかし、まったく機能しません。 (すべてのコードは Yii2 を使用する必要があります。これを使用するのは初めてで経験がありません) すべてのフォルダーとファイル名をチェックしましたが、それらはすべて正しいですが、イベントはまったく実行されません。背景情報を提供するために、インストルメンテーション作業を行うコンポーネントがあり、すべてのコードがそのファイ...

P粉031492081 2023-09-10 22:38:09 0  1  705

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

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

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

vimscript - 【vimプラグイン開発】自動補完ポップアップウィンドウの実装？

プラグインを作成する必要があります。ショートカット キーを押すと、図に示すようなウィンドウが表示されます。vim のどの関数を呼び出す必要がありますか?あるいはそれを達成するにはどのような方法を使用できますか? vim の組み込み関数を確認したところ、そのような対話型関数は存在しませんでした。助けてください。

PHP中文网 2017-05-16 16:38:32 0  1  690

vue.js のポップアップ ダイアログにルートを割り当てることができません

vue.js のダイアログ コンポーネントを使用して作成したカスタム ポップアップにルートを割り当てようとしていますが、機能させるのに少し問題があります。かなり失敗してしまったので、どうすればこれを機能させることができるのか正直困惑しています。これは私のルート ファイルです:routes:[{path:"/",name:"landing",component:LandingView,children:[{path:"/register&qu]

P粉786800174 2023-09-05 23:14:08 0  1  650

PHPを使用してファイルにタブ文字を書き込む方法

実際のタブを含むファイルを簡単に書き出すにはどうすればよいですか? tab は実際のタブを表し、スペースではありません。タブの書き方、本当のタブって何の文字？たとえば次のようになります: $chunk="a,b,c";file_put_contents("chunk.csv",$chunk);カンマ(,)の代わりにタブを取得するにはどの文字を使用すればよいですか?出力ファイルでは、区切り文字で区切られた単語の間に実際のタブが存在する必要があります。実際のタブとは、次の場合を意味します。

P粉399585024 2023-10-16 15:49:49 0  2  670

VueJS: 「once」イベント修飾子、クリックされたかどうかを確認します

簡単な質問がありますが、まだ答えていません。 VueJS には .once イベント修飾子があり、これは正常に動作します。問題は、オートコンプリート入力コンポーネントで @click.once を使用してデータベースにクエリを実行し、利用可能な項目を設定していることです。私が実現したいのは、入力を 1 回クリックした後にクエリを呼び出すための何らかの追加アイコンを提供することです。その理由は次のとおりです。 ユーザーがクリック入力をスパム送信して大量のクエリを実行するのを防ぎたいです。 入力が 1 回クリックされた場合にのみ表示される「更新アイコン」を使用してデータを更新できるようにしたいです...

P粉541551230 2024-02-25 15:18:09 0  1  466

JavaScript - ショッピング カートの JS の基本原理は何ですか?

1. ショッピング カートの基本原理は何ですか?統計はどのようにして完成させることができるのでしょうか? 2. 関数パラメータを使用して前半を作成しますが、後半はどのように実装しますか? 3. コードは次のとおりです: {コード...} 次の部分: 合計 n 個の製品があり、最も高価な製品の単価は a 元、合計コストは b 元です...

習慣沉默 2017-05-19 10:36:16 0  3  697

React Native アプリ内を移動するときに 2 つの画面を追加し、TabBar には表示しないようにするにはどうすればよいですか?

ユーザー登録とログイン インターフェイスがアプリケーションの TabBar に表示されないようにする必要があります。単純なアプリケーションがあり、ゲスト モードとユーザー認証モードの 2 種類のユーザー インターフェイスを用意しようとしています。認証条件ごとにナビゲーションを作成し、アプリケーションの各状態 (ゲスト モードまたは認証モード) の TabBar を表示しました。各ナビゲーションのアイコンを表示する TabBar コンポーネントもあります。 LoginScreen 画面と RegisterScreen 画面を追加したいときに問題が発生します

P粉155551728 2023-08-20 10:44:44 0  1  713