我使用清晰的 JavaScript 编写了一个 Chromium 扩展来与 DOM 交互,但现在我学习 VueJS 并重写了该扩展以使用 Vue。我发现一个问题:有一个<input>
连接到 Vue 的元素。
我通过 bg.cp
更改其值Vue 实例的属性,现在我需要选择 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>
最佳答案
可以在DOM属性中使用ref,并在js部分通过$refs调用
例如:
<input ref="inputName" />
并在js部分调用
this.$refs.inputName
在这里您可以阅读explanation其中
关于javascript - 通过 VueJS 选择 DOM 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57499630/