在 vue 中找不到 this.$refs.name.select() 函数

Question

我在我的应用程序中使用 Vue refs，以便在单击按钮时选择并复制一些文本。所以我使用喜欢

//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() 它将起作用。

告诉我。