------我點擊的按鈕-------
<el-button @click="uploadingAudioButton">
<i class="el-icon-folder-add"></i >
</el-button>

樣式如下

20211009-095004.png

  ------點擊的按鈕控制這個被隱藏的input 去實現(xiàn)可以選擇文件的動作-------  

<div v-show="false">
<input
type="file"
accept='audio/' //指定類型 可以是image/ 等
capture="microphone"
ref="selectFile"
id="selectFile"
@change="checkFile(refs.selectFile.click();
}
//綁定在input上的事件
checkFile(e) {
//獲取到你選擇的文件
console.log(e.target.files[0]);
}