Quiero ejecutar v-network-graph cuando el usuario presione enter, básicamente, escribí una función que creará nodos y bordes cuando se ejecute, una vez que se ejecute esa función, quiero ejecutar la línea <v-network-graph @keypress.enter="gr" :nodes='nodes' :edges='edges'/> Traté de escribir todo dentro de la función pero no funcionó. Soy nuevo en javascript y Vue, por lo que agradeceré cualquier sugerencia.

Mi plantilla se ve así:

 <template> <div> <v-network-graph @keypress.enter="gr" :nodes='nodes' :edges='edges'/> </div> </template>

Mi función se ve así:

 methods: { gr() { const nodes={} const edges={} // const { prac } = toRefs(props) // const n = reactive( prac.value ) // const n= prac.length const n = this.prac console.log(n.Organizations) for (let i = 0; i < n.length; i++) { nodes[`${n[i].Organizations}`] = { name: `${n[i].Organizations}` }, nodes[`${n[i].Title}`] = { name: `${n[i].Title}` }; } for (let i=0;i<n.length;i++){ edges[`edge${i}`]={ source:`${n[i].Organizations}`, target:`${n[i].Title}` } } console.log(nodes) console.log(edges) return { nodes, edges } } }