Как загрузить локальный файл CSV из vue.js веб-страницы?

голоса
0

Я новичок в vue.js и я в основном интересно, как я могу иметь мой веб-страницы показать ссылку загрузки для загрузки CSV-файл, который я хранится локально.

Я создал компонент Template.vue. Внутри у меня есть

<a :href=item.loc download>  {{item.title}} </a>

И в экспорте у меня есть это:

export default {
  name: 'Template',
  data () {
    return {
      item: {loc: require(../assets/example.csv)}
    }
  }
}

На данный момент это не работает для CSV-файлов. Я получил следующее сообщение об ошибке, когда я попытался запустить этот код с CSV-файла:

«./Src/assets/example.csv модуль синтаксического анализа не удалось: Неожиданный маркер (1:14) Вы, возможно, потребуется соответствующий загрузчик, чтобы справиться с этим типом файла.»

Однако, если я хотел бы попытаться загрузить изображения (PNG), то он работает. Как я могу идти о реализации загрузчика? Или есть другие способы решить мою проблему?

Задан 20/10/2018 в 05:14
источник пользователем
На других языках...                            


1 ответов

голоса
1

Вы используете VUE-CLI? Если вы делаете я думаю, вы могли бы сделать что-то вроде

import csvFile from "../assets/example.csv"

export default {
  name: "Template",
  data() {
    return {
      item: csvFile
    }
  }
}

// in your template

<a :href="item"> <a/>

Если CSV-файл не генерируется динамически, вы могли бы использовать его в качестве статического актива и просто ссылку на его пути. Это было время, так как я сделал что-нибудь с Vue, но в соответствии с первым взглядом на документах я думаю, вы можете поместить файл CSV в свою статическую папку и ссылаться на него, как это:

<a href="./assets/example.csv">{{someTitle}}</a>

Ссылка на документы: https://cli.vuejs.org/guide/html-and-static-assets.html#disable-index-generation

Ответил 20/10/2018 в 06:32
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more