title: Vue.js with $this.refs?
body: <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;form&gt;
        &lt;p ref="uploadCvText" @click="openUploadFileDialogueCV(this.$refs.input_file_cv)"&gt;+ Upload Your CV (*)&lt;/p&gt;
        &lt;input ref="input_file_cv" type="file" value="" name="input_file_cv" @change="handleCvUpload()"&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
    methods: {
      openUploadFileDialogueCV(e) {
        e.click();
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <blockquote>
    <p>the problem is that (ref) is not allowed to be used in template ! so how can i 
    refer to html element and let openUploadFileDialogueCV() function 
    works correctly ? </p>
  </blockquote>