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 の場合)

推薦する

HTMLページの文字セットを指定する2つの方法

1. HTMLページの文字セットを指定する2つの方法方法1: <メタ文字セット="u...

JSはショッピングカート効果の単純な加算と減算を実装します

この記事の例では、ショッピングカートの簡単な追加と削除を実現するためのJSの具体的なコードを参考まで...

MySQLインデックスマージの使い方

インデックスのマージは、MySQL が最下層で提供するインテリジェントなアルゴリズムです。インデック...

Linux 環境に mysql5.7.36 データベースをインストールするチュートリアル

ダウンロードアドレス: https://dev.mysql.com/downloads/mysql/...

div を下から上にスライドさせる CSS3 の例

1. まず、CSS3 のターゲット セレクターを使用し、a タグを使用して id セレクターを指定し...

2つのVirtualBox仮想ネットワークをブリッジするLinuxブリッジメソッドの手順

この記事は、この時期の「ピーターから奪ってポールに払う」という仕事のスタイルに対する私の不満から生ま...

Dockerイメージ解析ツールのダイブ原理解析

今日は、Docker イメージ、各レイヤーの内容を調べ、Docker/OCI イメージのサイズを縮小...

Windows 10 での MySQL 5.7.19 インストール チュートリアル MySQL のルート パスワードを忘れた場合の変更方法

MySQL 5.7.19のインストールを例に挙げると、まずダウンロードしますもちろん、最初に行うこと...

MySQL における悲観的ロックと楽観的ロック

リレーショナル データベースでは、悲観的ロックと楽観的ロックがリソース同時実行シナリオのソリューショ...

練習と面接のための Linux シェル スクリプトのヒント 9 つを共有する

予防1) 先頭にインタープリターを追加します: #!/bin/bash 2) 構文のインデントに 4...

CSS で QR コードスキャンボックスを実装するためのサンプルコード

カメラを開くと通常はスキャンボックスが表示されますが、静的なQRコードではフォーカスを合わせたりスキ...

CSS3は子供のころの紙飛行機を実現する

今日は折り紙飛行機(飛べる飛行機)を作ります基本的にすべてCSSで実装されており、JSはごく一部に過...

Mysql sql スロークエリ監視スクリプトコード例

1. my.cnfを変更する #全体的な効果としては、グローバルがオンになっている場合はテーブルとロ...

CSSスタイルの記述順序と命名規則と注意事項

書き順の重要性ブラウザのリフローを減らし、ブラウザのDOMレンダリングパフォーマンスを向上させる①:...

MySQL での数値のフォーマットの詳細な説明

最近、仕事の都合で、MySQL で数字をフォーマットする必要がありましたが、インターネット上にはほと...