Vue js: Penyelesaian masalah - Membaca sifat '$refs' undefined
P粉8484421852023-11-07 23:34:12
0
1
601
Mendapat ralatTidak boleh membaca sifat undefined (membaca '$refs')walaupun saya mempunyai rujukan dalam templat. Adakah ini bermakna saya perlu menggunakan cangkuk pelekap Vue?
VueRujukan Templathanya boleh diakses dalam mana-mana cangkuk atau kaedah yang berlaku selepas komponen dipasang dan sebelum ia dinyahpasang.
Ini bermaknayang terawalanda boleh rujukthis.$refsini.$refs terletakdipasang.Terkiniterletaksebelum Nyahlekap. Anda juga boleh mengaksesnya dalam mana-mana cangkuk atau kaedah yang berlaku antara dua detik tersebut.
Memandangkan anda cuba menambah pendengar acara pada HTMLInputElement, saya syorkan menggunakan arahanv-on, yang akan menambah pendengar acara secara automatik pada lekap dan mengalih keluarnya apabila dinyahlekap.
Dalam kes anda:
sssccc
Dengan cara ini, anda harus tahu bahawathisini fungsi biasa tidak mempunyai akses kepada konteks komponen, melainkan ia adalah fungsi anak panah:
export default { mounted() { this.$refs.input.addEventListener('input', function() { /* * Here `this` is the context of the current function, you can't * access methods, computed, data or props of the component. * You'd need to make it an arrow function to access the component scope */ }) } }
Dan dalam mana-mana kaedah (contohnya:myFn),thismyFn di atas),
ini ialah konteks komponen, yang boleh mengakses semua ahli komponen.
Dalam komponen Vue
的根内部,在 Vue 2 和 Vue 3 中,
this
是未定义
:Semakdi sini. . p>
VueRujukan Templathanya boleh diakses dalam mana-mana cangkuk atau kaedah yang berlaku selepas komponen dipasang dan sebelum ia dinyahpasang.
Ini bermaknayang terawalanda boleh rujuk
this.$refs
ini.$refs terletakdipasang.Terkiniterletaksebelum Nyahlekap. Anda juga boleh mengaksesnya dalam mana-mana cangkuk atau kaedah yang berlaku antara dua detik tersebut.Memandangkan anda cuba menambah pendengar acara pada HTMLInputElement, saya syorkan menggunakan arahanv-on, yang akan menambah pendengar acara secara automatik pada lekap dan mengalih keluarnya apabila dinyahlekap.
Dalam kes anda:
Dengan cara ini, anda harus tahu bahawa
this
ini fungsi biasa tidak mempunyai akses kepada konteks komponen, melainkan ia adalah fungsi anak panah:Dan dalam mana-mana kaedah (contohnya:
ini ialah konteks komponen, yang boleh mengakses semua ahli komponen.myFn
),this
myFn di atas),