Question

我是vue.js的新手，我主要想知道如何让我的网页显示下载链接，以下载本地存储的csv文件。

我已经创建了一个组件Template.vue。我里面有

    this.objs.lines.on('mouseover', '.line-class', function (e) {
        var len = $(this).children('path').getTotalLength();
        console.log(len);

    });

在出口中，我有这个：

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

目前，这不适用于CSV文件。尝试使用CSV文件运行此代码时收到以下错误：

”。/src / assets / example.csv 模块解析失败：意外令牌（1:14）您可能需要适当的加载程序来处理此文件类型。”

但是，如果我尝试下载image（png），那么它将起作用。我该如何实施装载程序？还是有其他方法可以解决我的问题？

Answer 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

如何从vue.js网页下载本地CSV文件？

1 个答案: