Vueが初めて要素を取得できなかったときの解決記録

Vueが初めて要素を取得できなかったときの解決記録

序文

Vue で要素を初回取得できない問題の解決方法は、ポップアップ ウィンドウで要素を取得するために、ポップアップ ボタンを初回クリックすることが多いかどうかです。要素を取得するためにポップアップ ウィンドウを開くと、ウィンドウは空なので、取得するにはもう一度開く必要があります。

1. DOMを更新した後に取得する

this.$nextTick(コールバック)
メソッド: {
    遊ぶ() {
        //要素を取得します console.log($('#video'));
        this.$nextTick(関数() {
            //要素を取得します console.log($('#video'));
        });
    }
}

2. タイマーを通過する

タイムアウトを設定します(fn, 0)
方法:{
    遊ぶ() {
        //要素を取得します console.log($('#video'));
        setTimeOut(関数(){
            //要素を取得します console.log($('#video'));
        }, 0);
    }
}

3. イベントをトリガーして取得する

@オープンしました
<el-dialog @opened="再生"></el-dialog>
 
メソッド: {
    遊ぶ() {
        //要素を取得します console.log($('#video'));
    }
}

要約する

これで、初めてvueが要素を取得できない問題を解決する方法についての記事は終わりです。vueが要素を取得できないことに関するより関連性の高いコンテンツについては、123WORDPRESS.COMの以前の記事を検索するか、次の関連記事を引き続き閲覧してください。今後も123WORDPRESS.COMを応援してください。

以下もご興味があるかもしれません:
  • Vueクラス名で動的に生成された要素を取得する方法
  • Vue3 でカスタムフックを使用して DOM 要素を取得する際の問題の説明
  • VueはIDの動的な割り当てと、現在クリックされている要素のID操作を取得するクリックイベントを実装しています。
  • Vueは要素によって生成されたdata-v-xxx操作を取得します
  • vue.jsのクリックイベントは現在の要素オブジェクトの操作を取得します
  • Vueで指定された要素を取得する方法

<<:  RHEL8 /CentOS8 でマルチノード Elastic Stack クラスターを構築する方法

>>:  MySQL 8.0.13 のインストールと設定方法のグラフィックチュートリアル (Win10 の場合)

推薦する

Dockerが新しいイメージをロードした後にリポジトリとタグ名が両方ともnoneになる問題を解決する

次のコマンドを使用できます: docker tag [イメージID] [名前]:[バージョン]例えば...

Linux カーネルプログラミングにおけるコンテナの of() 関数の紹介

序文Linux カーネルプログラミングでは、マクロ関数 container_of(ptr, type...

MySQLでJSONフィールドを操作する方法

MySQL 5.7.8 では json フィールドが導入されました。このタイプのフィールドは使用頻度...

MySQL ユーザーと権限、およびルートパスワードをクラックする方法の例

MySQL ユーザーと権限MySQL には、MySQL と呼ばれるシステムに付属するデータベースがあ...

MySQLにおける(JOIN/ORDER BY)文のクエリ処理と最適化方法

EXPLAIN ステートメントは、MySQL クエリ ステートメント プロセスと EXPLAIN ス...

Tomcat8はcronologを使用してCatalina.Outログを分割します

背景tomcat によって生成された catalina.out ログ ファイルが分割されていない場合...

HTMLタグを閉じるのを忘れないでください

Web 標準に準拠した Web ページの構築は、jb51.net が常に全員と議論しているトピックで...

HTMLでカスタムタグを使用する方法

カスタム タグは XML ファイルと HTML ファイルで自由に使用できますが、いくつか注意すべき点...

MySQLの一般クエリログとスロークエリログの分析

MySQL のログには、エラー ログ、バイナリ ログ、一般クエリ ログ、スロー クエリ ログなどが含...

Vue でよく使われる命令 v-if と v-show の違いを簡単に分析します。

目次序文1.v-ショー2.v-if 3. v-showとv-ifの違い1. 原則の違い2. アプリケ...

Web ページは何ピクセルで設計すればよいでしょうか?

多くのウェブデザイナーは、ウェブページのレイアウトを設計する際に、インターフェースウェブページの幅に...

MySql マスタースレーブレプリケーションメカニズムの包括的な分析

目次マスタースレーブレプリケーションメカニズム非同期レプリケーション準同期レプリケーションマスタース...

IP アドレス経由で MySql にアクセスする方法

1. mysqlにログインします。 mysql -u ルート -h 127.0.0.1 -p 2. ...

Linux に起動方法を追加する (サービス/スクリプト)

システムの起動時に読み込む必要がある設定ファイル/etc/profile、/root/.bash_p...

Vue における Vue.use() の原理と基本的な使用法

目次序文1. 例で理解する2. ソースコードを分析する3. まとめ要約する序文他の人のコンポーネント...