Блог

Главная - Вопросы по программированию - эта функция.$refs.name.select() не найдена в vue

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

#vue.js #vue-component

#vue.js #vue-компонент

Вопрос:

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

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


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

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

Но с помощью 

документ.Выбор запроса ('input').выберите()

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

Мой вопрос, возможно ли, чтобы все методы document использовали $ refs. Как вы это делаете?

Комментарии:

1. Вам нужно опубликовать код вашего компонента, чтобы кто-нибудь мог вам помочь

2. Ваш фрагмент работает ( доказательство концепции ). Пожалуйста, добавьте некоторые подробности, чтобы помочь нам воспроизвести вашу проблему, или добавьте живой пример (fiddle / codepen …)

Ответ №1:

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

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