cari
Soal Jawab Bagaimana untuk mencetuskan kaedah fokus input dalam kaedah dalam Vue.js?

0

Saya mempunyai input yang menggunakan acara berikut:

<b-nput
            class="input"
            id="link"
            v-model="link"
            placeholder="link"
            @focus="$event.target.select()"
          ></b-input>

Bagaimana saya menggunakan ini di dalam @focus="$event.target.select()" Acara:

Kaedah di atas menyalin nilai. Saya perlu mencetuskan acara fokus pemilihan di atas apabila pengguna mengklik salin Bagaimanakah ini boleh dilakukan dengan betul?

Your Answer
serahkan

2 jawapan
0

Disediakan 参考 untuk input anda:

<b-input
            class="input"
            id="link"
            v-model="link"
            placeholder="link"
            ref="theInput"
          ></b-input>

Kemudian di mana-mana dalam skrip komponen:

this.$refs['theInput'].focus();
2023-10-30 14:42:46

serahkan

0

Tambah kaedah saved sebagai pengendali acara fokus:

@focus="saved"

Kaedah:

methods: {
  saved(event){ //the event is passed automatically as parameter
     event.target.select()
  }
}

Editor:

Cuba tambah ref pada elemen input

<b-input
          ref="input"
            class="input"
            id="link"
            v-model="link"
            placeholder="link"
         
            @focus="$event.target.select()"
          ></b-input>

Kemudian cetuskan fokus secara terprogram di dalam kaedah:

methods: {
      async copy(s) {
      await navigator.clipboard.writeText(s) 
      this.$refs.input.focus();
     ...
    }
}
2023-10-30 09:08:27

serahkan

Hot Tools

vc9-vc14 (32+64 bit) koleksi perpustakaan masa jalan (pautan di bawah)

vc9-vc14 (32+64 bit) koleksi perpustakaan masa jalan (pautan di bawah)

Muat turun koleksi perpustakaan runtime yang diperlukan untuk pemasangan phpStudy

VC9 32-bit

VC9 32-bit

VC9 32-bit phpstudy pustaka masa jalan persekitaran pemasangan bersepadu

Kotak alat pengaturcara PHP versi penuh

Kotak alat pengaturcara PHP versi penuh

Programmer Toolbox v1.0 PHP Persekitaran Bersepadu

VC11 32-bit

VC11 32-bit

VC11 32-bit phpstudy pustaka masa jalan persekitaran pemasangan bersepadu

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan