前端导入和读取文本文件

<template>

  <div>

    <el-input v-model="fileName" style="width:50%" />

    <input ref="file" style="display: none" type="file" accept=".json" @change="handleClick">

    <el-button style="width: 20%; margin-left:10px" type="primary" @click="openFolderDialog">浏览</el-button>

    <el-button style="width: 20%" type="primary" @click="importFile">导入</el-button>

  </div>

</template>

 

<script>

export default {

  data() {

    return {

      fileName: '',

      fileContent: ''

    }

  },

  mounted() {

  },

  methods: {

    openFolderDialog() {