1 year ago

Vue is not showing data on blade partial

Posted 1 year 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">


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


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


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.