首页 > 解决方案 > 如何使用 vue 将 vue-json-to-csv

问题描述

大家下午好,我在将 json 转换为 csv 时遇到问题,我正在使用我在https://github.com/angeliquekom/vue-json-to-csv找到的一个库,这很有趣,但我为组件传递 arrau 时遇到问题。

我的代码:

<template>
            <vue-json-to-csv :json-data="data"
          :labels="{
            id: { title: 'id' },
            co_tipo_nota: { title: 'co_tipo_nota' },
            ds_nota: { title: 'ds_nota' },
            ds_outro_criterio: { title: 'ds_outro_criterio' },
            ds_nofl_avaliacao_anonimata: { title: 'fl_avaliacao_anonima' },
            dt_nota: { title: 'dt_nota' },

          }"
          @success="val => handleSuccess(val)"
          @error="val => handleError(val)">
          <button>
            <b>My custom button</b>
          </button>
        </vue-json-to-csv>
        </template>

        <script>
        import VueJsonToCsv from 'vue-json-to-csv'
        import { baseApiUrl } from '@/global'
        import axios from 'axios'

        export default {
             name: 'DowloadCvsThree',
             components: {
                VueJsonToCsv,
            },

            data: function() {
                return {
                    mode: 'save',
                    nota: {},
                    notas: [],

                }
            },
            props: {
                notas: Array
            },
             methods: {
                loadUsers() {
                    const url = `${baseApiUrl}/notas`
                    axios.get(url).then(res => {
                        this.notas = res.data
                    })
                },
            mounted() {
                this.loadUsers()
            }

         }
        }
        </script>

        <style>

        </style>



    the error return is ?
    [o erro][1]
    [1]: https://i.stack.imgur.com/llHeZ.png

有谁能够帮我?我正在尝试将一个数组传递给 json-to-csv: json-data = "data" 组件,但日期不是我的数组吗?lib npm 的地址是:https ://github.com/angeliquekom/vue-json-to-csv

等待回归?

标签: javascriptvue.js

解决方案


推荐阅读