title: Call method from another vue.js component through this.$refs
body: <p>I have a sibling element which i want to trigger.</p>
  
  <p><a href="https://stackoverflow.com/a/44328457/10880162">i've try this solution</a></p>
  
  <pre><code>&lt;b-img @click="callFileLoader"/&gt;
  &lt;b-file type="file" ref="fileUploader"&gt;&lt;/b-file&gt;
  ...
  
  methods:{
    callFileLoader () {
      this.$refs.fileUploader.click()
    }
  } 
  </code></pre>
  
  <p>Got: Uncaught TypeError: this.$refs.fileUploader.click is not a function</p>
  
  <p><a href="https://bootstrap-vue.js.org/docs/components/form-file" rel="nofollow noreferrer">b-file documentation</a></p>