使用

Question

我使用的VueJS与vuetify。我有一个输入标签和按钮，触发函数@单击，一旦我改变到v-file-输入组件我得到一个错误。

以下是代码脚本和模板：

js lang-js prettyprint-override"><script>
import papa from "papaparse";
export default {
  name: "CompareInput",
  data() {
    return {
      csvData: [],
    };
  },
  methods: {
    csvToJson() {
      let csvFile = this.$refs.file.files[0];
      if (csvFile == undefined) {
        alert("Please select a file to convert");
        this.csvData = [];
        return;
      }
      papa.parse(csvFile, {
        header: true,
        dynamicTyping: true,
        skipEmptyLines: true,
        preview: 100,
        complete(result) {
          this.csvData = result.data;
          for (let item of this.csvData) {
            console.log(item.input_fullName);
          }
          console.log(this.csvData);
        },
      });
    },
  },
};
</script>

<template>
  <div class="app">
    <h3>CSV Parser</h3>

    <v-file-input multiple ref="file" type="file"> </v-file-input>
    <v-btn @click="csvToJson" class="primary">Submit</v-btn>
  </div>
</template>

同样，常规输入标记的一切工作正常。

Answer 1

以下是我的经验：

<v-file-input
    show-size counter
    accept="video/*"
    v-model="video"
    @change="onVideo"
>
</v-file-input>

在Vue.js方法中：

onVideo: function () {
    console.log(this.video)
}