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

推薦する

MySQL の where と on の違いと、いつ使用するか

以前、テーブル結合クエリを書いていたとき、whereとonの違いがわからず、SQLに小さな問題が発生...

IE8はマルチ互換モードを使用してWebページを正常に表示します

IE8には複数の互換モードがあります。 IE プラットフォームの設計者である Chris Wilso...

Docker デプロイメント Consul 構成プロセスの分析

コマンドを実行docker run -d --name consul -p 8500:8500 co...

MySQL 5.7 をインストールした後にコマンドライン ウィンドウを開くとクラッシュする問題の解決方法

序文最近、MySQL 5.7 をインストールしましたが、問題が見つかりました。コマンド ライン ウィ...

MySQL ビューの原則と使用例の概要

この記事では、MySQL ビューの原理と使用法についてまとめます。ご参考までに、詳細は以下の通りです...

MySQLデータベース最適化技術の簡単な紹介

成熟したデータベース アーキテクチャは、最初から高可用性、高スケーラビリティなどの機能を備えて設計さ...

HTML独習の旅(I)基本要素と属性の練習(自分でコードを書く)

私は W3school のチュートリアルに従いました。チュートリアルはとても良いと思います。各セクシ...

VMware vCenter の不正な任意ファイルアップロードの脆弱性 (CVE-2021-21972) について

背景CVE-2021-21972 VMware vCenter における認証されていないコマンド実行...

mysqlはエクスポートされたデータのsqlファイルから指定されたテーブルのみをインポートすることを実装します

シナリオ昨日、システムは dbAll.sql.gz という名前の特定のデータベースのすべてのテーブル...

MySQL 匿名ログインでデータベースを作成できない問題の解決方法

よくある質問ユーザー ''@'localhost' によるデータベー...

Win10 に Tomcat サーバーをインストールし、環境変数を構成する詳細なチュートリアル (画像とテキスト)

目次JDKをダウンロードしてインストールするTomcat 圧縮パッケージをダウンロードTomcatの...

Tomcat プロジェクトを展開する一般的な方法のいくつか [テスト済み]

1 / Webプロジェクトファイルをwebappsディレクトリに直接コピーするこれは最も一般的に使...

JS の精度外数値問題の解決

精度の問題に対する最もわかりやすい説明たとえば、1÷3=0.33333333...という数字は、3が...

Ubuntu 16.4 で完全に分散された Hadoop 環境を構築するための実践的なチュートリアル

序文この記事は主にubantu 16.4 Hadoop完全分散構築に関する関連コンテンツを紹介し、皆...

フレックスレイアウトとposition:absolute/fixedの競合の詳細な説明

以前、プロジェクトを開発しているときに、flex レイアウトと position:absolute/...