我有一个 div 和一个文件输入框。当我们点击div时，就会触发文件输入的点击。如何在 vue.js 中做到这一点？
您必须访问 DOM 才能触发输入的点击事件。
但是 Vue 可以通过ref/特性让它变得非常方便$refs
有了它，您可以“标记”模板中的元素，并在组件代码中方便地访问它，而无需依赖选择器。
new Vue({
el: '#app',
methods: {
clickHandler() {
this.$refs.fileInput.click()
}
}
}).button {
padding: 10px;
border-radius: 5px;
border: 1px solid #CCC;
display: inline-block;
}<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
<div class="button" @click="clickHandler">Click me!</div>
<input type="file" ref="fileInput">
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句