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

推薦する

Linux Dig コマンドの使用法

発掘紹介: Dig は、Unix ライクなコマンドライン モードで NS レコード、A レコード、M...

Vue3.xはコンポーネント通信にmitt.jsを使用します

目次クイックスタート使い方基本原則Vue2.x はコンポーネント通信に EventBus を使用しま...

Ubuntu 上の MySQL における中国語文字化け問題の解決方法

問題を見つける最近 Django を学習しているのですが、MySQL データと組み合わせてデータを挿...

WeChatミニプログラムマップの使い方を詳しく解説

この記事の例では、WeChatアプレットマップで使用される具体的な実装コードを参考までに共有していま...

Ubuntu 20.04は静的IPアドレスを設定します(異なるバージョンを含む)

Ubuntu 20.04はnetplanを通じてネットワークを管理するため、以前のバージョンとは少...

Vue で Excel インポート機能を実装する詳細な手順

1. フロントエンド主導の実装手順最初のステップは、ページのインポートボタンをクリックしてExcel...

Django+Mysql+Redis+Gunicorn+NginxのDockerデプロイメントの実装

I. はじめにDockerテクノロジーは現在非常に人気があります。コンテナを介してプロジェクト環境を...

JavaScript 型検出方法の例のチュートリアル

序文JavaScriptはWebフロントエンドで広く使われている言語の一つであり、Webアプリケーシ...

入力タグの名前と値の違い

type はブラウザでの入力と出力に使用されるコントロールです (たとえば、type="t...

Jenkinsを使用してプロジェクトを別のホストにデプロイするプロセス

環境ホスト名IPアドレス仕えるジェンキンス192.168.216.200トムキャット、ジェンキンスサ...

goaccess を使用して nginx ログを分析する詳細な方法

最近、goaccess を使って nginx ログを分析したいのですが、nginx ログの設定形式が...

画像を使用してハイパーリンクのパーソナライズされた下線を実現します

画像内に下線付きのリンクが表示されても驚かないでください。実はとても簡単なので、あなたにもできるので...

Vueルーティングナビゲーションガードの簡単な理解

目次1. グローバルガード1. グローバル前線警備2. グローバル解像度ガード3. グローバルポスト...

ソースコードから、Vue2がデータとメソッドを直接取得できる理由がわかる

目次1. 例: これはデータとメソッドを直接取得できます2. 環境を準備し、ソースコードをデバッグし...

mysql ダーティ ページとは何ですか?

目次ダーティページ(メモリページ)ダーティページが表示されるのはなぜですか?メモリ管理メカニズムの簡...