How to pass data from an external script to a Vue component #10284

carlosvidal · 2024-02-07T03:02:27Z

carlosvidal
Feb 7, 2024

I've posted another question about the same problem, only now I intend to solve it from another angle.

In my index.html file, I have a script with a function that, when invoked, must pass data to a Vue component.

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite + Vue</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
    <script>
      function culqi() {
        if (Culqi.token) {
          const token = Culqi.token.id;
          console.log("Token: ", token);
          // pass token to component
        } else if (Culqi.order) {
          const order = Culqi.order;
          console.log("Order: ", order);
          // pass order to component
        } else {
          console.log("Error : ", Culqi.error);
        }
      }
    </script>
  </body>
</html>

I have tried to place the function inside the component but I cannot invoke it and it appears as undefined. You can see my other question to see what I mean.

In my tests, when I placed the function directly in the index.html file, it could be called without problems. So now I intend to use it from there, but I need it to pass data to my component.

How do I do it?

carlosvidal · 2024-02-08T19:55:58Z

carlosvidal
Feb 8, 2024
Author

I have workaround this problem by solving my other question

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Vue

How to pass data from an external script to a Vue component #10284

{{title}}

Replies: 1 comment

{{title}}

Select a reply

Vue

How to pass data from an external script to a Vue component #10284

carlosvidal Feb 7, 2024

Replies: 1 comment

carlosvidal Feb 8, 2024 Author

carlosvidal
Feb 7, 2024

carlosvidal
Feb 8, 2024
Author