この Vue 3 アプリケーションの孫コンポーネントのブール変数の値を変更するにはどうすればよいですか?

Vue3アプリケーションを開発しています。ネストされたコンポーネントが 3 つあります。ボタン コンポーネントはナビゲーション コンポーネント内にネストされ、ナビゲーション コンポーネントはコンテンツ コンポーネント内にネストされています。このボタンは、親コンポーネント Main.vue (コンテンツ コンポーネント) 内のブール変数 isVisible の値を切り替える必要があります。孫コンポーネント MyButton.vue 内: <template><button@click="handleClick" class="btnbtn-smbt...

P粉667649253 2024-02-21 11:13:56 0  1  378

javascript - [ナビゲーション] をクリックし、JS を使用して色を追加した後、ページがジャンプした後も変更された色を維持するにはどうすればよいですか?

ナビゲーション内の各ページは、background タグを介してリンクされている同じ HTML です。ナビゲーションをクリックした後、js によって色を変更しますが、クリックしてページにジャンプすると、js によって変更された色が無効になります。問題を解決するには?

ringa_lee 2017-05-16 13:21:25 0  12  1660

Nuxt-link が Bootstrap-vue を使用してページを更新する問題

nuxt とブートストラップを使用して、ナビゲーション用のカスタム ホバー ドロップダウン メニューを構築しています。私が抱えている問題は、ナビゲーション サブメニュー NuxtLinks が、Nuxt ブロック内のアプリケーション コンテンツをスムーズに変更するのではなく、ページ全体を更新していることです。ナビゲーション バーは、default.vue レイアウトで動的に生成され、コンテンツをラップする NuxtLink を持つ b-dropdown-hover コンポーネントを使用します。ページではこれらのリンク/アンカーが完全に更新されるのに、b-navbar-brand イメージがスム...

P粉512729862 2023-12-07 08:58:02 0  1  722

グリッドテンプレートの列が行上の項目を整列させない

私は HTML と CSS の初心者で、grid-template-column を使用してナビゲーション バーを作成しようとしています。私のアイデアは、ナビゲーション バーをロゴ部分、Web サイトのホームページ部分、ソーシャル リンク部分の 3 つの部分に分割することです。問題は、divnavBar 内の要素が連続して配置されていないことですが、menuItemsdiv 内の div と Socialsdiv 内の要素は正しく配置されていますが、それらの間にスペースが多すぎることです。何かが足りないのでしょうか？ html{背景:#FFFFFF;}本文{背景

P粉696605833 2024-04-03 16:58:18 0  1  482

thinkphp のローカル変更

thinkphp3.2 には 2 つの部分に分かれたビューがあり、1 つはナビゲーション バー (さまざまなクエリ機能用の複数のボタン)、もう 1 つはコンテンツです。内容が変更され、その他は変更されず、期間内にリクエストが発生しない ページジャンプ。

大家讲道理 2017-05-27 17:42:45 0  1  538

Vercel にデプロイされた Next.js アプリは特定のコンテンツをローカルでレンダリングしますが、実稼働ビルドではレンダリングできません

Next.JS と Firebase を使用して Web アプリケーションを構築し、Vercel にデプロイしました。最近、位置を静的なbottom:0に設定して下部ナビゲーションバーを追加したときまで、すべてが正常に動作していました。下部のナビゲーション バーでは、アイコンとテキストをレンダリングしています。 localhost では (npmrundev を使用して) 正常に読み込まれますが、Vercel にデプロイされた製品バージョンでは下部ナビゲーションのコンテンツがレンダリングされないことに気付きました。実稼働ビルドでは、下部のナビゲーション コンテナー (または div) のみがレ...

P粉042455250 2024-02-26 13:19:43 0  1  486

CSS 行クラスにより、一部の要素がフレーム外になりますが、要素は静的で表示の下部に固定される必要があります。

現在の私のページはこんな感じです。 2 つの要素が隣り合うように行クラスを追加すると、下部のナビゲーション バーがスクロールする必要がある位置まで押し下げられます。ここでは、行要素のない別のページが表示されます。ナビゲーション リンクがディスプレイの下部に完全に固定されています (植物と部屋のナビゲーション要素はリマインダー タブ (画像 1) に表示されるべきではないため、この要素は無視してください (画像 2)。ページはスクロール可能で、ナビゲーションバーが正しい位置に保たれますが、要素のアウトラインが正しくありません。すべての緑色のボックス表示は、編集ボタンと削除ボタンとともに重ねて表示...

P粉156415696 2024-04-03 18:48:12 0  1  431

JavaScript - リンクをクリックすると、新しいページで一度エンコードされるため、ユーザーはアドレスを見つけることができなくなります

プロジェクトの先頭にナビゲーション バーがあります。ナビゲーション バー内のすべてのページが表示されます。そのうちの 1 つは新しいページへのリンクです。このリンクはクリックされない場合は正常です (...? type=add)クリックすると、新しいページが (... ?type%3Dadd) と表示され、ページが見つからなくなります。プロジェクトが vm で書かれている問題の解決方法を教えてください。

PHPz 2017-05-19 10:46:41 0  1  445

Python クローラーはどのようにしてspanとspanの間のコンテンツをクロールし、それぞれを辞書に保存しますか?

家のプロファイルを個別に取得し、独立した列として辞書に保存したいのですが、for ループを使用してインライン要素を直接抽出する方法はありません。これは私のコードです: {code...} これはウェブページの HTML コードです: {code...}

phpcn_u1582 2017-05-18 10:52:42 0  5  2136

値のない HTML 属性を削除する

R Shiny パッケージのナビゲーション バーを備えた R Shiny アプリケーションがあります。ただし、私は HTML の出力に興味があるので、ここでは R 特有の知識は必要ありません。これらのタブが以前に選択されている場合、このナビゲーション バーをタブで移動すると、これらのエントリがスキップされます。これは、タブが選択されると、shiny がナビゲーション バー内のそのタブの要素に class="active" を追加するためです。次に、タブをクリックすると ="active" が削除され、 のみが残ります。空のクラス属性があるかどうかによる

P粉797004644 2023-09-06 15:55:27 0  1  563

React コンポーネントが右クリックの変数を記録できるようにする方法 (これを達成するにはダブルクリックが必要です)

プロジェクトの React コンポーネントで問題が発生しています。右クリック変数を正しくログに記録するには、ナビゲーション中に 2 回クリックする必要があります。問題の詳細とコードは次のとおりです。 コース ナビゲーション システムを表す React コンポーネントがあります。ナビゲーション メニューでコースをクリックすると、クリックしたコースのインデックスが記録され、何らかのアクションが開始されます。ただし、インデックスを正しく記録するには 2 回クリックする必要があることに気付きました。コンポーネント内には、ビデオ再生の開始とビデオ アクセス OTP の設定のロジックを処理する handl...

P粉083785014 2023-08-15 22:46:56 0  1  569

Nuxtのナビゲーター/ウィンドウ/ドキュメントの未定義メソッドを修正

Nuxt アプリケーション内の UserAgent と Retina 情報を特定しようとしています。しかし、アプリケーションはエラーをスローし、ナビゲーション/ウィンドウが定義されていないと言います。 nuxt アプリケーションでこの情報を取得するにはどうすればよいですか? constuserAgent=navigator.userAgent.toLowerCase()constisAndroid=userAgent.includes('android')isRetina(){letmediaQueryif(typeof

P粉143640496 2024-03-25 19:00:40 0  1  435

html - Angular プロジェクトのこのプロジェクトに外部リンクされた Web ページを表示させるにはどうすればよいですか?

タイトルの通り、現在 Angular プロジェクトに取り組んでいるのですが、プロジェクト内に URL が異なる外部リンクのサブプロジェクトが多数存在し、サブプロジェクトのナビゲーションをメインプロジェクトに入れたいのですが、入れられません。ジャンプするたびに URL を経由したくありません。やり方を教えていただけますか？

为情所困 2017-06-24 09:43:03 0  1  967

html - vue-router で親ルートのパラメータを子ルートに渡す方法

vue-router で親ルートのパラメータを子ルートに渡すにはどうすればよいですか? 私のページではネストされたルーティングを使用しています。最初にページに入ったとき、リンクには 2 つのパラメータがありました。ページ内に単一ページのアプリケーションを作成しました。クリックしたとき別のナビゲーションでは、ページ内の対応するサブページにジャンプします。サブページでは以下を使用する必要があります...

PHP中文网 2017-06-21 10:13:01 0  1  1232

ループトラバーサルにおける名前の混乱について

volist 内の名前をループすることについては、まだ少し混乱しています。その名前と一貫性を持たせる必要がありますか?例: 記事ページで列を選択するとき、トラバーサルを通じて、その名前は Index コントローラーで定義された cateList 名と一致します。どのナビゲーション名が誰と一致しますか? ? ?

奕轩 2018-11-16 00:19:31 0  0  990

ナビゲーションバーの下枠のCSS

ナビゲーション バーがあり、リスト内の項目にカーソルを置くと下部に赤い線を追加しましたが、その赤い線をタイトル (例: 「サービス」) の下に移動したいのですが、これを実現する方法はありますか? HTML と CSS コード ヘッダー{background-color:lightblue;padding-top:1rem;position:sticky;top:0;display:flex;align-items を簡単に検査できるように、コードペンに小さな例を追加しました。

P粉270891688 2024-04-06 15:04:41 0  2  498

ナビゲーション バー コンポーネントが状態の変化時に再レンダリングされない

ショッピングカートを作成しようとしています。コンテキストを作成し、カートの増分ボタンと減分ボタンを押したときに状態を値として渡しました。アイテム数は変化しますが、カート内のナビゲーション バー コンポーネントで同じコンテキストを使用すると、アイテムの総数は変わりません。 。以下にコード スニペットを添付しました。ここでコンテキスト constinitialState:initialType={cartItems:cartItems,totalItems:cartItems.reduce((accumu) を作成します

P粉037880905 2023-09-07 12:01:10 0  1  478

JavaScript - 携帯電話で別のページを開くと解像度が異なる

私は初心者で、フレームワークを使用せずにレスポンシブWebページを自分で作成しようとしています。しかし、携帯電話には非常に厄介な問題が発生しています。 2 つの Web ページを開くと、2 つの解像度になります。 それらは、ホームページ、登録ページです。登録ページにはホームページと同じナビゲーション部分とフッター部分があるので、まず登録ページのhtml内で引用します...

PHP中文网 2017-05-16 13:21:30 0  1  673

ボタンをクリックするとフォームが更新されます。

2 つのボタン ラベルを持つ Angular のフォームがあります。ボタンは ng-click でフォームを送信します。もう 1 つのボタンは、ng-click を使用したナビゲーション専用です。ただし、この 2 番目のボタンをクリックすると、AngularJS によってページが更新され、404 エラーがトリガーされます。関数にブレークポイントを設定すると、関数がトリガーされます。次のいずれかを実行すると停止します。 ng-click を削除しても、ボタンによってページが更新されません。関数内のコードをコメントアウトしても、ページは更新されません。もし私が

P粉523625080 2023-08-14 20:46:02 0  2  483

フォーム内のボタンをクリックするとページが更新されます

2 つのボタン ラベルを持つ Angular フォームがあります。ワンクリックで ng にフォームを送信します。もう 1 つのボタンは、ng-click を使用したナビゲーション専用です。ただし、2 番目のボタンをクリックすると、AngularJS によってページが更新され、404 がトリガーされます。関数にブレークポイントを配置し、関数をトリガーしています。次のいずれかを実行すると停止します。 ng-click を削除しても、ボタンによってページが更新されません。関数内のコードをコメントアウトしても、ページは更新されません。 hrを使用する場合

P粉231079976 2024-01-16 10:54:04 0  2  504