Javascript 通过VueJS选择DOM元素_Javascript_Html_Dom_Google Chrome Extension_Vuejs2

Javascript 通过VueJS选择DOM元素

javascript html dom google-chrome-extension vuejs2

Javascript 通过VueJS选择DOM元素,javascript,html,dom,google-chrome-extension,vuejs2,Javascript,Html,Dom,Google Chrome Extension,Vuejs2,我使用clear JavaScript编写了一个Chromium扩展来与DOM交互，但现在我研究了VueJS并重写了该扩展以使用Vue。我发现一个问题：有一个元素连接到Vue 我通过Vue实例的bg.cp属性更改它的值，现在我需要选择DOM元素。是否有任何方法可以使用Vue实例而不是使用document.getElementById（'test'）.select（）最终目标是将字段复制到剪贴板 <body> <div id="appBg"> <inpu

我使用clear JavaScript编写了一个Chromium扩展来与DOM交互，但现在我研究了VueJS并重写了该扩展以使用Vue。我发现一个问题：有一个

元素连接到Vue

我通过Vue实例的

bg.cp

属性更改它的值，现在我需要选择DOM元素。是否有任何方法可以使用Vue实例而不是使用

document.getElementById（'test'）.select（）

最终目标是将

字段复制到剪贴板

<body>
  <div id="appBg">
    <input v-model="cp" id="test">
  </div>
  <script>
  //vue instance of div with input field
  var bg = new Vue({
      el: "#appBg",
      data: {
        cp: ""
      }
    });
  </script>
</body>


//带有输入字段的div的vue实例
var bg=新的Vue({
el:#appBg“，
数据：{
cp:“
}
});

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

例：

在这里，您可以阅读它

添加对它的引用，并以这种方式访问它-或

<input ref="inputName" />

this.$refs.inputName