单击 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>

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

trigger b-form-file after clicking on b-button

javascript

vue.js

vuejs2

bootstrap-vue