小编Ryo*_*ara的帖子

通过 VueJS 选择 DOM 元素

我使用清晰的 JavaScript 编写了一个 Chromium 扩展来与 DOM 交互,但现在我学习 VueJS 并重写了该扩展以使用 Vue。我发现一个问题:有一个<input>元素连接到Vue。

我通过bg.cpVue 实例的属性更改其值,现在我需要选择 DOM 元素。有没有办法使用 Vue 实例而不是使用 来进行文本选择document.getElementById('test').select()

最终目标是将<input>字段复制到剪贴板。

<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>
Run Code Online (Sandbox Code Playgroud)

html javascript dom google-chrome-extension vuejs2

5
推荐指数
1
解决办法
9478
查看次数

标签 统计

dom ×1

google-chrome-extension ×1

html ×1

javascript ×1

vuejs2 ×1