Компонент Vue не визуализируется в частичном Блейде

Компонент Vue не визуализируется в частичном Блейде

17.10.2019 06:46:09 Просмотров 43 Источник

Я пытаюсь отобразить частичную страницу в laravel с помощью метода Ajax rendered ().Частичное лезвие было успешно загружено. Но мой компонент vue в частичном лезвии не отображается. Я также сделал отладку на моем конце. 1.Приставка.log() успешно ли загружен компонент vue, в laravel. Да он загружен успешно. 2.НПМ установить, и НПМ запустить Дев. -> никаких изменений по-прежнему вид не отображается.

Указательный клинок.

            function loadShowPage(staff_id){

            let url =  '/staff/staff/' + staff_id;

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $.ajax({
                type: 'GET',
                url: url, 
                //data: staff_id,
                dataType: 'JSON',
                success: function(data)
                { 
                    if (data.status == 1){
                        $('#staff_modal_content').html(data.rendered);

                        if (!$('#staffModal').is(':visible')) {
                            $('#staffModal').modal('show');
                        }  
                    }
                    else {
                        alert('An error has occurred. Please refresh the page and try again.');
                    }
                },
                error: function(data)
                {
                    toggleLoader();//alert(JSON.stringify(data));
                }
            })

        }

Мой контроллер

    public function show(Staff $staff)
    {

        $user = Auth::user();

        $staff->load('family_particulars');
        if(!$user->can('view',$staff))
            return redirect()->route('staff.staff.index');

        $class = ChildClass::staffIncharge($staff->staff_id)->first();
        $main_user = $staff->main_user;
        $main_user->ref_user->load(['family_particulars','qualifications',
                                   'courses','scholarship','computer_skills','previous_employment','reference','staff_employment','leaves']);




        $rendered = view('staff.staff.show', ['staff'=>$staff, 'ref_user'=>$main_user,'class'=>$class])->render();
        return response()->json(array('status' => 1, 'rendered' => $rendered));

         //return view('staff.staff.show',['staff'=>$staff, 'ref_user'=>$main_user,'class'=>$class]);
    }

Частичное лезвие в моем шоу.лезвие.РНР

            {!! Form::open(['id' => 'pinf-form', 'route'=> [$user->admin_type_ref_id==6? 'staff.staff.update':'staff.admin.update',$staff->staff_id] ]) !!}
    @method('PUT')
    @csrf

    <personal-info  id="personal_info_component" class="hidden" :user='{!! json_encode($user,  JSON_HEX_APOS) !!}' :package='{{ GeneralHelper::getPackageId() }}'></personal-info>

    {!! Form::close() !!}

Ответы - Компонент Vue не визуализируется в частичном Блейде / Vue Component not being rendered in partial blade

Закрыть X