如何使用vue将vue-json-to-csv

时间:2018-11-29 14:25:13

标签: javascript vue.js

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

我的代码:

<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

等待归来?

0 个答案:

没有答案