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)