Vue.js с $ this.refs?

Question

<template>
  <div>
    <form>
      <p ref="uploadCvText" @click="openUploadFileDialogueCV(this.$refs.input_file_cv)">+ Upload Your CV (*)</p>
      <input ref="input_file_cv" type="file" value="" name="input_file_cv" @change="handleCvUpload()">
    </form>
  </div>
</template>
<script>
  methods: {
    openUploadFileDialogueCV(e) {
      e.click();
    }
  }
</script>

проблема в том, что (ref) не разрешено использовать в шаблоне! так как я могу обратитесь к элементу html и позвольте функции openUploadFileDialogueCV () работает правильно?

Answer 1

Только не используйте this в шаблоне, используйте @click="openUploadFileDialogueCV($refs.input_file_cv) вместо