1

我正在尝试在主页视图中使用 VUE 3 在浏览器上显示图表。为此，我使用命令安装了 VivaGraphJS

npm i vivagraphjs

然后我从网站https://www.npmjs.com/package/vivagraphjs中获取了最小的示例，并尝试了几种方法将其包含在模板中，但没有成功。

<template>
    <div id="graphDiv">{{graph()}}</div>
</template>


<script>
import * as Viva from '/node_modules/vivagraphjs/dist/vivagraph.js'

export default {
name: 'Home',
setup(){

const graph = () => {
       let graph = Viva.Graph.graph()
       graph.addLink(1, 2)

       let renderer = Viva.Graph.View.renderer(graph, {
       container: document.getElementById('graphDiv')
    })

    renderer.run()
}

return { graph }

}}

</script>

当我 console.log() 渲染器时，我可以在控制台中看到对象，所以我知道所有功能都在工作。但是浏览器中没有显示任何内容。

非常感谢

4

0 回答 0