Question

我试图用vuejs和图表库制作应用程序。但是，当我将此图表与我的数据库（Elasticsearch）链接时，我遇到了问题。

//elasticsearch.js

var output = {}
$.post('http://localhost:9200/index/_search', JSON.stringify({

   // query section
}), function (result) {

  // handling results and push to the output

}, 'json');


export{output}

这是我的vue组件

<template>
    <chart :options="pie" ref="pie" auto-resize></chart>
</template>

<script>
    import {output} from './elasticsearch.js'

export default {
    ...

    data = [
        {value: output.pos, name: 'positive'}
        ...
    ]    

}

但是，当我刷新应用程序时，图表表示值未定义。我认为这是因为图表在完成js文件的执行之前呈现。

在这种情况下，有没有办法异步导入js文件？或任何其他解决方案？

感谢。

Vuejs和图表库

0 个答案: