亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

如何在Vue.js中的方法內(nèi)觸發(fā)輸入焦點(diǎn)事件?
P粉702946921
P粉702946921 2023-10-29 23:56:42
0
2
762

我有一個使用以下事件的輸入:

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

我如何在裡面使用這個 @focus="$event.target.select()" 事件:

上述方法複製該值。當(dāng)使用者點(diǎn)擊複製時,我需要觸發(fā)上述選擇焦點(diǎn)事件 如何才能正確實(shí)現(xiàn)?

P粉702946921
P粉702946921

全部回覆(2)
P粉441076405

為您的輸入提供參考

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

然後在元件腳本中的任何位置:

this.$refs['theInput'].focus();
P粉555696738

新增saved方法作為焦點(diǎn)事件處理程序:

@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>

然後在方法內(nèi)以程式方式觸發(fā)焦點(diǎn):

methods: {
      async copy(s) {
      await navigator.clipboard.writeText(s) 
      this.$refs.input.focus();
     ...
    }
}
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板