时间戳

首页 > 解决方案 > 点击 b 按钮后触发 b-form-file

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

问题描述

我正在使用，并且由于样式案例，BootstrapVue我想b-form-file在单击 my 后触发 my 。b-button我也想要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

标签： javascriptvue.jsvuejs2bootstrap-vue

解决方案

您必须要求创建一个点击方法，例如：

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

推荐阅读