Ich habe eine Eingabe, die das folgende Ereignis verwendet:
<b-nput
class="input"
id="link"
v-model="link"
placeholder="link"
@focus="$event.target.select()"
></b-input>
Wie verwende ich das im Inneren @focus="$event.target.select()" Veranstaltung:
Die obige Methode kopiert den Wert. Ich muss das obige Auswahlfokusereignis auslösen, wenn der Benutzer auf „Kopieren“ klickt Wie kann das richtig gemacht werden?
2 antwortet
为您的输入提供参考:
<b-input
class="input"
id="link"
v-model="link"
placeholder="link"
ref="theInput"
></b-input>
然后在组件脚本中的任何位置:
this.$refs['theInput'].focus();
添加saved方法作为焦点事件处理程序:
@focus="saved"
方法:
methods: {
saved(event){ //the event is passed automatically as parameter
event.target.select()
}
}
编辑:
尝试将 ref 添加到输入元素
<b-input
ref="input"
class="input"
id="link"
v-model="link"
placeholder="link"
@focus="$event.target.select()"
></b-input>
然后在方法内以编程方式触发焦点:
methods: {
async copy(s) {
await navigator.clipboard.writeText(s)
this.$refs.input.focus();
...
}
}
Hot-Tools-Tags
Hot Questions
Hot Tools
Sammlung der Laufzeitbibliothek vc9-vc14 (32+64 Bit) (Link unten)
Laden Sie die Sammlung der Laufzeitbibliotheken herunter, die für die Installation von phpStudy erforderlich sind
VC9 32-Bit
VC9 32-Bit-Laufzeitbibliothek für die integrierte Installationsumgebung von phpstudy
Vollversion der PHP-Programmierer-Toolbox
Programmer Toolbox v1.0 PHP Integrierte Umgebung
VC11 32-Bit
VC11 32-Bit-Laufzeitbibliothek für die integrierte Installationsumgebung von phpstudy
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen





