search

ternavsky / oc-vuejs-plugin

Tools useful for creating websties with VueJS and OctoberCMS.
51 stars 7 forks source link

URL address /#!/ issue #4

Open intositeme opened 8 years ago

intositeme commented 8 years ago

When the entrypoint first loads it adds /#!/ to the address. Any button i click does not load the page, but the url changes to /?#!/. Then on the 2nd click, it will work. Not sure what is going on.

ternavsky commented 8 years ago

Hello, could you attach your layout code (file content in themes \ [themename] \ layouts \ [yourspalauout].htm)?

intositeme commented 8 years ago

Oh i figured the issue. My buttons are inside a <form> element. Think that's what causing the /?#!/.

jvanremoortere commented 8 years ago

I'm having the same problem... Just automatically ads '#!' to the address.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>{{ this.page.title }}</title>
        <meta name="description" content="{{ this.page.meta_description }}">
        <meta name="title" content="{{ this.page.meta_title }}">
        <meta name="author" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="icon" type="image/png" href="{{ 'assets/images/checkbtw_logo.png'|theme }}" />
        {% component 'SeoPage' %}
        <link href="{{ [
            'assets/dist/semantic.min.css',
            'assets/css/main.css'
        ]|theme }}" rel="stylesheet">
        {% styles %}
    </head>
    <body>
        <div id="app">
            {% partial 'menu/topmenu'%}
            <div class="pusher">
                <router-view>{% page %}</router-view>
            </div>

            <!-- SCRIPTS -->
            <script src="{{ [
                'assets/js/vendor/jquery.min.js',
                'assets/dist/semantic.min.js',
                'assets/js/app.js'
            ]|theme }}"></script>
            {% framework extras %}
            {% scripts %}
            {% component 'vueLayout' %}
        </div>
    </body>
</html>