функция this. $ refs.name.select () не найдена в vue

Question

Я использую ссылки Vue в своем приложении, так что при нажатии кнопки будет выделен некоторый текст и скопирован. Поэтому я использую как

//In template
<input type="text" ref="url" value="my url"/>
<button @click="copylink">Copy Link</button>


//in methods
copylink() {
    this.$refs.url.select()
}

это не определено.

Но, используя

document.querySelector('input').select()

, я могу выбрать это.

У меня вопрос, возможно ли все методы документа, используя $ refs. Как ты это делаешь?

Answer 1

Если вы выполните console.log (this. $ Refs.url), он вернет вам результат типа массива. Все, что вам нужно сделать, это: this. $ Refs.url [0] .select (), и оно будет работать.

Дайте мне знать.