Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Only one vue component render in page. #767

Open
andrefelipemsc opened this issue Dec 28, 2022 · 0 comments
Open

Only one vue component render in page. #767

andrefelipemsc opened this issue Dec 28, 2022 · 0 comments

Comments

@andrefelipemsc
Copy link

Could someone help me?

Only one vue component is rendering in page. Always the first one i declare.

<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" />
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="gestao/static/js/vue.min.js"></script>
    <title>Responsive Sidebar Using TailwindCSS</title>
  </head>
  <body class="bg-blue-200">
    <div id="vue">

        <!-- Only one vue component render in page. Always the first one.  -->
        <sidebar>
        <pagetitle title="Title">
        <!-- Only one vue component render in page. Always the first one.  -->

    </div>

    <div class="grid justify-items-center mt-4">
        CONTENT
    </div>

    <script src="gestao/static/js/utils.js"></script>

    <!-- all component -->
    <script src="gestao/static/components/Sidebar.js"></script>
    <script src="gestao/static/components/PageTitle.js"></script>

    <script>
      var app = new Vue({
          el: "#vue",
          data: {},
      });
    </script>

  </body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant