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.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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.$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:
Dengan cara ini, anda harus tahu bahawa
thisini 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:
ini ialah konteks komponen, yang boleh mengakses semua ahli komponen.myFn），thismyFn di atas),