v-show を使用してテンプレートを切り替える方法を学びます

以下のコードに示すように、v-show または v-if を使用してテンプレートの表示を切り替えようとしています。私が直面している問題は、v-show が遅延条件ではないにもかかわらず、showTemplate を false または true に設定すると、msg の内容が常に表示されることです。 v-showとv-ifの正しい使い方を教えてください。 helloWorld:<templatev-show="showTemplate"><divclass=&qu

P粉680087550 2023-09-12 23:16:59 0  1  540

CDN を使用して Tailwind CSS にダークモード切り替えを追加する方法

JavaScript は初めてです。最近、TailwindCss を使い始めました。これをブログのテンプレートに追加したいと思います。しかし、TailwindCss にダークモード切り替えボタンを追加する方法がわかりません。 TailwindCss にダーク モード トグル ボタンを追加するにはどうすればよいですか。注: ブログ プラットフォームを使用しているため、ネイティブ ライブラリから追加することはできません。したがって、CDNを使用します。 <linkhref="https://cdn.jsdelivr.net/npm/t

P粉817354783 2023-08-29 20:17:50 0  1  588

自己実行関数を使用してブロックレベルのスコープをシミュレートします (たとえば、for ループが終了すると、後続のコードはループ変数にアクセスできなくなります)。

質問: 自己実行関数を使用して、ブロックレベルのスコープをシミュレートします (たとえば、for ループが終了すると、後続のコードはループ変数にアクセスできなくなります) この質問に答えたとき、私は自分の結果にも非常に不満を感じました。答え。参考となる回答を提供できる教師またはクラスメートはいますか?

善為 2019-02-14 09:20:20 0  0  826

HTML から SFDT に変換するときに DocIO がエラーをスローする

古い PrimefaceRichEditor から syncfusionWordEditor に切り替え、次のクラスを使用して html から sdft に変換しました

P粉373990857 2023-09-09 21:58:02 0  1  628

object-c - iOS プロジェクトでの開発環境とリリース環境を切り替えてテストを容易にする

現在の要件は、APP の設定リストに行を追加して、特別なアカウントのサーバー環境を切り替えるためのセルを特に使用することです。これにより、開発、テスト、正式な環境を自由に切り替えることができます。現在、すべてのグローバル マクロ定義は PCH ファイルに書き込まれていますが、環境変数を維持するために NSUserDefault または Singleton を使用したいのですが...

三叔 2017-06-10 09:48:16 0  1  1098

html5 - vue プロジェクトの vuex ストレージの問題

実装効果: ボタンをクリックして、左側のメニューの幅を切り替えます。 Vuex を使用してフィールド IsOpen を保存し、ナビゲーション コンポーネントとメニュー コンポーネントの両方がフィールドの初期値を取得しました。ナビゲーション コンポーネントのボタンをクリックすると、IsOpen の値も切り替わりますが、クラス名は切り替わります。幅を変更するものは切り替わりません。これ...

迷茫 2017-06-27 09:19:31 0  2  904

JavaScript は CSS ファイルを部分的にのみ置き換えます

イベントリスナーを使用して昼/夜のテーマを切り替えることにより、ページ上のCSSファイルを別のCSSファイルに置き換えようとしています。さまざまな方法を試しましたが、どれもうまくいきませんでした。私のデフォルトのテーマはダークで、コードを使用してライトテーマにのみ変更できますが、再度ダークに変更することはできません。私が何を間違えたのでしょうか？皆さん、ありがとうございました！ colorModeBtn.addEventListener("クリック",function(){if(cssFile.href=&

P粉322106755 2024-03-22 09:33:43 0  2  385

ウェブサイト全体を中国語から英語に翻訳するにはどうすればよいですか?

最近のプロジェクトで、Web サイトを中国語と英語で切り替える必要があるのですが、完成してからかなり時間が経ちましたか?何か実用的な方法はありますか? 2 つのテンプレートを使用するだけです。中国語版はすでにオンラインになっています。あとは切り替え機能を追加するだけです。

vine 2017-10-27 11:11:36 0  6  3081

JavaScriptのsetInterval()関数

setInterval() 関数を使用して css {code...} {code...} を li に動的に追加し、i の変化が 0->1->2->3->4- であることを確認します。 &gt;0-&gt ;1-&gt;2-&gt;3-&gt;4 これは、下付き文字 3 を使用して li に css を追加した後、動的切り替えが続行されるまでに 1 秒の間隔があることを意味します...

为情所困 2017-05-19 10:12:53 0  5  506

インナーチャイルドの過渡期の火

これは再現可能な最小限の例です。 「トグル」ホバーの遷移端が起動し（これは望ましくありません）、途中で「a」が非表示になります。変換後に再度表示するには、「切り替え」をクリックします。スイッチが内部にあるため、これが起こっていることに気づきました（変更できません）。切り替え時に（どの変換が発生したかを検出せずに）変換を停止する方法はありますか。複雑になりすぎて、transitionend にはバグがあることがわかりました。私は setTimeout を使用したいと思います (CSS トランジションには少しばかげています)。 vara=document.querySelector(

P粉274161593 2024-04-02 14:38:29 0  1  387

Vite/Vue 3: 画像ソースをプロップとして使用する場合の「未定義の要件」

VueCLIからViteCLIに、Vue3のCompositionAPIからSFCScriptsetupAPIに切り替えました。公式 VueCLI を使用したときは、次のように props 経由でパスのファイル名を渡すことで画像ソースをインポートできました。 <template><img:src="require(`@/assets/${imagePath }`) )"/><テンプレート

P粉301523298 2024-04-06 09:50:25 0  1  532

タブを切り替えるかブラウザを最小化すると、スワイパーの自動再生が停止します

CSSを使用してスライダーの自動再生進行を作成しました。アクティビティ クラスがページネーションに追加されると、スライダーの自動再生遅延と同じ長さの CSS アニメーションが実行されます。ブラウザのタブを切り替えたり、ブラウザを最小化したりしなければ、すべて正常に動作します。タブを切り替えるとすぐに、スライダーの自動再生が一時停止し、アニメーションが停止します。おそらく誰かがそれに影響を与える方法を知っていますか？ importSwiper,{Navigation,Pagination,Autoplay}from'swiper';consth

P粉715274052 2024-02-21 13:37:12 0  1  504

状態の配列を並べ替えます

私は zustand を使用して ToDo 項目の配列を含むグローバル状態を作成しており、各 ToDo 項目の追加、削除、完了/元に戻すの切り替え機能を備えています。また、DndKit を使用して各 ToDo コンポーネントをドラッグ アンド ドロップし、グローバル コンテキストで並べ替えます。そのためには、次のように zustand ストアに reorderTodo 関数を作成する必要があります。 conshandleDragEnd=(event:any)=>{const{active ,over }=イベント;if(アクティブ.i

P粉741678385 2024-03-30 14:44:42 0  1  393

JavaScript を使用して要素のスタイルを変更する場合、履歴を返すときにこれをどのように実現できますか?

ナビゲーション バーでは、アクティブなリンクのスタイルを使用しました。たとえば、ナビゲーション バーには、当社に関するリンク、お問い合わせ先、資料、クイズなどのリンクがあります。これらのリンクをクリックすると、「http://localhost:3000/about-us」のようにルーティングが変更されます。 http://localhost:3000/material' など、アクティビティ クラスがリンクに適用されて、対応するルート上でリンクが強調表示されます。リンクを切り替えると、アクティビティ クラスは正しく適用されますが、「/material」からリンクを切り替えると、

P粉982054449 2023-08-29 21:03:19 0  2  511

PHP電子商取引Webサイトの検索ボックスでピンインを漢字またはその他の解決策に変換する方法

PHP を使用して Web サイトを開発する場合、検索ボックスはどこにありますか? 入力時にユーザーの入力方法が適切に切り替わらず、ピンインで入力される場合があります。 そこで、ピンインを中国語の文字に変換してデータベースにクエリを実行して表示する方法を教えてください。対応商品です！当初は Sphinx を使いたかったのですが、数日間インストールするしかありませんでした。

迷茫 2017-06-24 09:42:17 0  7  942

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンしてキャンバス アニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56 0  3  825

React でカスタム アラートを使用してタブを切り替えるにはどうすればよいですか?

私は、react-router アラートを作成しているので、ここでは、あるタブから別のタブに切り替えるときにアラート メッセージを適用したいと考えています。関数confirmSwitchTabを作成したためalert属性を適用しましたが、機能しません。各ルートでタブから別のタブに切り替えたいときにメッセージが表示されるようにプロンプ​​トを作成するにはどうすればよいですか。 import{React,useState}from「react」;import{リンク}

P粉744831602 2024-02-03 18:42:35 0  2  391

JavaScript - フォトアルバム効果を実現するにはどうすればよいですか?どのプラグインを使用すればよいですか?

クリックして画像をプレビューし、左右にスライドして数字を表示します。リンクをコンピューターに貼り付けましたが、マウスをクリックしても効果がありません。使用できる成熟したプラグインはありますか?書いたマスクはプレビューできますが、左右を切り替えるのは書きにくいです。

PHP中文网 2017-06-30 09:56:05 0  4  799

JavaScript - Reactでantdモデルを使用してモデルスイッチを制御する方法

React で antd モデルを使用してモデルを制御する方法 属性 {code...} で渡された親の主キー コンポーネントを切り替える advSimpleInfoModel 親コンポーネントの状態オブジェクト {code...} 子の主キー {code...} 子コンポーネントの属性を変更する値を受信しましたが、ポップアップ ウィンドウを表示できません {code...}

给我你的怀抱 2017-06-05 11:11:44 0  2  1010

Visual Studio Code: 変数名でドル記号を明確に分離するための効果的な手法

Atom から VisualStudioCode に切り替えたばかりで、ドル記号と変数名を視覚的に分離する方法を探しています。 Atom では、個人用 CSS スタイルシートを編集することで、このようなことが可能になります。いくつかの CSS ルールを適用すると、これを実現できます。ドル記号と変数名の間にスペース文字がなく、編集カーソルがドル記号から識別子にジャンプします。 VisualStudioCode で同様の機能を実装する方法を見つけようとしましたが、失敗しました。 VSC に Atom などの開発ツールがあることは知っています。調べてみました

P粉543344381 2024-03-21 20:31:19 0  1  546