我正在try 使用Vue将输入文件绑定到按钮.js
<input type="file hidden>
<button>Choose</button>
在JQuery中可能会有这样的情况:
$('button').click(function() {
$('input[type=file]').click();
});
所以，这就是将按钮上的点击事件绑定到输入文件，这样我就可以完全控制按钮的外观，它甚至可以是一个锚、一个图像或任何元素来触发输入事件.
我的问题是:如何使用Vue实现这一点.js？
非常感谢.
你可以这样做:
HTML:
<input id="fileUpload" type="file" hidden>
<button @click="chooseFiles()">Choose</button>
Vue.js:
methods: {
chooseFiles: function() {
document.getElementById("fileUpload").click()
},
...
编辑-更新语法:
methods: {
chooseFiles() {
document.getElementById("fileUpload").click()
},
...