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)