Rumah > Artikel > hujung hadapan web > Bagaimana untuk mendapatkan elemen dom dalam vue
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.
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.name
dapatkan 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!