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?
2 jawapan
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();
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();
...
}
}
Alat panas Tag
Hot Questions
Hot Tools
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 phpstudy pustaka masa jalan persekitaran pemasangan bersepadu
Kotak alat pengaturcara PHP versi penuh
Programmer Toolbox v1.0 PHP Persekitaran Bersepadu
VC11 32-bit
VC11 32-bit phpstudy pustaka masa jalan persekitaran pemasangan bersepadu
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Topik panas





