点击 b 按钮后触发 b-form-file

Question

我正在与BootstrapVue 合作，我想在点击我的b-button 后触发我的b-form-file，因为风格案例。我还想隐藏 b-form-file 它不应该在任何地方看到。

我试过像下面那样做，但这对我来说行不通..

<b-button variant="danger" @click="$refs.upload.click()">Upload</b-button>

<b-form-file ref="upload"></b-form-file>

如果您知道如何解决该问题，请告诉我！谢谢！

->我想避免使用 jQuery 代码，但我不能使用基本 HTML input - 我需要 b-form-file

Answer 1

您必须要求制作点击方法，例如：

<b-button variant="danger" @click="open">Upload</b-button>
<b-form-file id="upload"></b-form-file>

<script>
     export default {
          methods: {
            open: ()=> {document.getElementById('upload').click()},
          }
     }
</script>