通过VueJS选择DOM元素

Question

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

我通过Vue实例的bg.cp属性更改其值，现在我需要选择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>

Answer 1

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

例如：

<input ref="inputName" />

并在js部分调用

this.$refs.inputName

在这里你可以阅读它的解释

通过VueJS选择DOM元素

问题描述

1 个解决方案

解决方案1
0 已采纳 2019-08-14 18:55:15

通过VueJS选择DOM元素

问题描述

1 个解决方案

解决方案1 0 已采纳 2019-08-14 18:55:15

解决方案1
0 已采纳 2019-08-14 18:55:15