隱藏時如何打開組件 v-file-input？

Question

我需要使用組件v-file-input來上傳文件。 但是這個組件不適合設計。

我嘗試下一步。 我讓這個組件完全隱藏<v-file-input hide-input prepend-icon=""></v-file-input> 。 我還做了一個按鈕，我需要的設計。 但是我無法通過單擊按鈕在方法中啟動組件v-file-input 。

如何在方法中啟動此組件？

Answer 1

你可以嘗試把label做成按鈕，調用label上的方法點擊：

 .upload { margin: 2em; } #btn { border: 2px solid #3457D5; border-radius: .5em; padding: 1em; cursor: pointer; } #btn:hover { background: #3457D5; color: white; }

 <div class="upload"> <input id="up" type="file" style="display: none" /> <label id="btn" for="up">Upload</label> </div>