nhayder
321
8
Vue

Vue is not showing data on blade partial

Posted 9 months ago by nhayder

On my main page im including an iframe like this

<body class="bg-blue-lightest font-light leading-normal">

    <div id="app">

        @yield('content')

        <iframe src="{{route('index')}}" class="p-0 m-0 w-full h-screen mx-auto shadow-lg block">

        </iframe>

    </div>
    <script type="text/javascript" src="{{ mix('/js/app.js') }}"></script>

</body>

i want to pass a simple vue app to partials included in the iframe page (route('index'))

const app = new Vue({

    el: '#app',

    data : {

        data: 'hi, Vue app'

    }

My Question is how to pass this data to the page partials available on the iframe

Any Ideas??

Please sign in or create an account to participate in this conversation.