this.$refs.myFee.$data.infiledList 报错Cannot read properties of undefined (reading '$data')

这个错误通常是因为你在访问一个未定义或者未初始化的变量或属性。在这个报错中，可能是因为 `this.$refs.myFee` 未定义或者未初始化，所以无法访问 `$data` 属性。

你可以先检查一下 `myFee` 是否被正确地引用了，或者是否已经被正确地初始化。如果确保 `myFee` 的正确性，那么可能是因为 `$data` 属性不是 `myFee` 对象的属性，可以尝试使用 `myFee` 对象的其他属性或者方法。

相关问题

this.$refs.formValidate.resetFields() Cannot read properties of undefined (reading 'indexOf')

The error message "Cannot read properties of undefined (reading 'indexOf')" usually occurs when you are trying to access a property or invoke a method on an undefined value. In this case, it seems like you are trying to reset fields using `this.$refs.formValidate.resetFields()`, but `formValidate` is undefined.

To fix this issue, make sure that you have defined `formValidate` and it is properly assigned to the form reference using `ref` attribute in your template. Here's an example of how you can define and use `formValidate`:

In your template:

<template>
  <el-form ref="formValidate" :model="formData" :rules="formRules">
    <!-- form fields -->
  </el-form>
</template>

In your component's script:

<script>
export default {
  data() {
    return {
      formData: {}, // initialize form data object
      formRules: {}, // define form validation rules
    }
  },
  methods: {
    resetForm() {
      // make sure that this.$refs.formValidate is defined
      if (this.$refs.formValidate) {
        this.$refs.formValidate.resetFields();
      }
    }
  },
}
</script>

By following this pattern, you should be able to resolve the error and reset the form fields successfully.

const container = this.$refs.container const canvas = this.$refs.canvas async function loadPDF() { debugger const pdf = await pdfjsLib.getDocument('D:/pdf_files/IPS0000000010.pdf').promise const page = await pdf.getPage(1) const viewport = page.getViewport({ scale: 1 }) // 设置canvas尺寸 canvas.width = viewport.width; canvas.height = viewport.height // eslint-disable-next-line @typescript-eslint/no-unsafe-call const context = canvas.getContext('2d'); // 渲染页面到canvas // eslint-disable-next-line @typescript-eslint/await-thenable await page.render({ canvasContext: context, viewport: viewport }) } void loadPDF() loadPDF().catch(error => { console.error(error) }) 依旧报错TypeError: Cannot read properties of undefined (reading 'getDocument')

根据您提供的代码，我注意到您将`canvas`和`container`作为引用（`$refs`）获取。请确保在模板中正确设置了这些引用。

请检查以下几点：

1. 在模板中，确保您的`canvas`元素设置了`ref`属性，例如：

<canvas ref="canvas"></canvas>

2. 同样，在模板中，确保您的容器元素（包含`canvas`的元素）设置了`ref`属性，例如：

<div ref="container">
  <canvas ref="canvas"></canvas>
</div>

3. 确保在组件的`data`中定义了`canvas`和`container`属性，例如：

data() {
  return {
    canvas: null,
    container: null
  }
}

4. 在组件的`mounted`钩子函数中，将引用赋值给相应的属性，例如：

mounted() {
  this.canvas = this.$refs.canvas;
  this.container = this.$refs.container;
}

请确保按照上述步骤设置了引用，并尝试再次运行代码。如果问题仍然存在，请提供更多代码细节和错误信息，以便我能够更好地帮助您。