代码之家  ›  专栏  ›  技术社区  ›  Mike Ross B.Kocis

Vue道具在Laravel 5.6中传球

  •  1
  • Mike Ross B.Kocis  · 技术社区  · 6 年前

    我试图从刀片模板传递2个参数,但是 eventId undefined 在里面 Vue

    这是我的控制器代码

    public function index(Request $request, $eventId)
    {
        return view('backend.organiser.classes.index')
            ->withClasses(Classes::orderBy('order')->get())
            ->withEventId($eventId);
    }
    

    以下是我的 index.blade.php 代码

        <div class="row mb-4">
            <div class="col">
                <div>{{ $eventId }}</div>
                <example-component :classes="{{ $classes }}" :eventId="{{ $eventId }}"></example-component>
            </div><!--col-->
        </div><!--row-->
    

    以下是我的 ExampleComponent.vue

    <script>
    
        export default {
    
            props:['classes','eventId'],
    
            mounted() {
                console.log(this.eventId)
            }
        }
    </script>
    

    我把数据输入 classes 但是 总是 未定义

    1 回复  |  直到 6 年前
        1
  •  4
  •   Gautam Patadiya    6 年前

    希望这对你有帮助

    <example-component props-classes="{{ $classes }}" props-eventid="{{ $eventId }}"></example-component>
    

    组件

    export default {
         props:['propsClasses','propsEventid'],
    
         mounted() {
            console.log(this.propsEventid)
         }
    }