"this.$refs.fileinput.reset is not a function"

I can’t seem to clear my b-form-file inputs.

I’ve tried everything, including this.$refs.fileinput.reset(), which returns “this.$refs.fileinput.reset is not a function” in firefox and chrome. Every other attempt simply does nothing.

Relevent code:

<b-form-group v-b-tooltip.hover title="Files">
  <b-form-file multiple placeholder="Upload files" ref="fileinput" type="file" v-model="files"/>
  <b-button @click="clearFiles">Reset</b-button>
</b-form-group>

export default {
  data() {
    return {
      files: [];
    };
  },
  methods: {
    clearFiles() {
      this.$refs.fileinput.reset();
    },
  },
};

[tmorehouse]

Probably not. You may need to place the dev branch bootstrap-vue outside of node_modules, and do an import from that local directory (after building).

[tmorehouse]

Ah, that is because we introduced the option to always have the navbar collapsed (acceptance of boolean true on toggleable prop). May need to update the docs.