suchen
Fragen und Antworten Wie löst man ein Eingabefokusereignis innerhalb einer Methode in Vue.js aus?

0

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?

Your Answer
einreichen

2 antwortet
0

为您的输入提供参考

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

然后在组件脚本中的任何位置:

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

einreichen

0

添加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();
     ...
    }
}
2023-10-30 09:08:27

einreichen

Hot Tools

Sammlung der Laufzeitbibliothek vc9-vc14 (32+64 Bit) (Link unten)

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

VC9 32-Bit-Laufzeitbibliothek für die integrierte Installationsumgebung von phpstudy

Vollversion der PHP-Programmierer-Toolbox

Vollversion der PHP-Programmierer-Toolbox

Programmer Toolbox v1.0 PHP Integrierte Umgebung

VC11 32-Bit

VC11 32-Bit

VC11 32-Bit-Laufzeitbibliothek für die integrierte Installationsumgebung von phpstudy

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen