Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mendapatkan elemen dom dalam vue

Bagaimana untuk mendapatkan elemen dom dalam vue

青灯夜游
青灯夜游asal
2021-10-27 13:51:5441993semak imbas

Kaedah Vue untuk mendapatkan elemen dom: 1. Tambahkan id pada elemen dom yang sepadan dan gunakan pernyataan "document.getElementById("id")" untuk mendapatkan elemen; 2. Tambah "ref=" pada "nama" elemen dom yang sepadan, gunakan "this.$refs.name" untuk mendapatkan elemen.

Bagaimana untuk mendapatkan elemen dom dalam vue

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

vue memperoleh dan mengendalikan elemen DOM

Kaedah 1:

Berikan secara langsung elemen yang sepadan Tambahkan id, kemudian document.getElementById("id") untuk mendapatkannya, dan kemudian tetapkan atribut atau gaya yang sepadan

Kaedah 2:

Gunakan ref, tambah ref="name" pada elemen yang sepadan, dan kemudian this.$refs.namedapatkan elemen

Nota: Sebelum mendapatkan elemen yang sepadan, anda mesti memasangnya dalam cangkuk pelekap, jika tidak nilai yang diperolehi akan kosong,

Jika ia diberikan Jika anda menambah ID pada subkomponen dan mengubah suai atribut tersuai, ia akan dimuatkan terus pada p luar yang sepadan dengan subkomponen yang diubah suai, dan nilai atribut tersuai asal subkomponen tidak akan diubah.

Jika anda menambah ref pada subkomponen dan kemudian menukar nilai atribut tersuai yang sepadan selepas mendapatkan elemen DOM, vue akan laporkan ralat :

Cadangan berkaitan: "tutorial vue.js"

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan elemen dom dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn