Rumah  >  Soal Jawab  >  teks badan

Bagaimana untuk melihat kaedah Vue yang terikat pada elemen semasa memeriksa elemen dalam pelayar seperti chrome?

Semua orang tahu bahawa pada era jq sebelumnya, fungsi pengendalian acara boleh ditambah dengan menambahkan atribut seperti onclick pada tag. Dalam kes ini, anda boleh mengetahui kaedah mana yang terikat dengan mengklik kanan pada elemen dalam penyemak imbas, dan anda juga boleh melihat baris mana dalam kod kaedah ini dihidupkan.
Namun, selepas kemunculan Vue, ingin tahu apa yang dilakukan oleh butang menjadi sakit kepala @click='method' yang ditulis dalam kod sumber akan diproses dan disembunyikan oleh Vue, sehingga butang itu tidak dapat dilihat secara langsung mengambil tindakan, anda masih perlu mencarinya dalam kod sumber, yang sangat tidak cekap. Jadi persoalannya, bagaimana kita boleh melihat secara langsung dalam penyemak imbas kaedah Vue mana butang itu terikat dan baris mana ia berada?

世界只因有你世界只因有你2672 hari yang lalu1010

membalas semua(5)saya akan balas

  • 三叔

    三叔2017-06-26 10:57:57

    Nampaknya tiada siapa yang tahu, dan tiada siapa yang terfikir tentang isu ini. Lupakan saja, saya hanya akan menulis pemalam sendiri

    balas
    0
  • 習慣沉默

    習慣沉默2017-06-26 10:57:57

    Anda boleh menggunakan vue-devtools

    balas
    0
  • typecho

    typecho2017-06-26 10:57:57

    Klik kanan kod sumber halaman web untuk melihatnya, cari kaedah pemprosesan mengikat terus pada elemen yang berkaitan, dan kemudian cari dalam js yang berkaitan dalam panel sumber untuk mencari baris tertentu.

    balas
    0
  • ringa_lee

    ringa_lee2017-06-26 10:57:57

    Lihat acara elemen DOM:

    Klik terus pada yang pertama, buka fail Vue, dan kemudian tetapkan titik putus Selepas pecah ke titik putus, anda boleh melihat kaedah fn terikat kepada:

    .

    Masukkan fn dalam konsol, tekan Enter, dan kemudian klik nama kaedah output:

    Cara melompat ke Sumber secara automatik:

    balas
    0
  • 代言

    代言2017-06-26 10:57:57

    https://chrome.google.com/web...

    balas
    0
  • Batalbalas