通过VueJS选择DOM元素

时间:2019-08-14 17:43:36

标签: javascript html dom google-chrome-extension vuejs2

我写了一个Chromium扩展,使用清晰的JavaScript与DOM交互,但是现在我学习了VueJS并重写了该扩展以使用Vue。我发现了一个问题:Vue连接了一个[1, 1, 2, 4]元素。

我通过Vue实例的<input>属性更改其值,现在需要选择DOM元素。有什么方法可以使用Vue实例而不是使用bg.cp进行文本选择吗?

最终目标是将document.getElementById('test').select()字段复制到剪贴板。

<input>

1 个答案:

答案 0 :(得分:0)

您可以在DOM属性中使用ref,并在js部分中通过$ refs调用它

EX:

<input ref="inputName" />

并在js部分调用

this.$refs.inputName

在这里您可以阅读其中的explanation