laravel Livewire 线:点击不触发功能

我想用 laravel livewire 做一个 SPA,我想使用 wire:click 来触发组件中的一个功能,但它不起作用,如果我第一次在这里发布代码混乱,请原谅,我不确定要发布什么这是我的代码来解决这些问题谢谢


主.blade.php


@section('content')

<div>

    <div class="row justify-content-center">

        <div class="col-12">

            <div class="card my-3">


                        <!-- header -->

                <div class="card-header d-inline-flex">

                    <h3 class='mr-2'>Categories</h3>

                    <div>

                        <a href="javascript:void(0);" wire:click='createCategory' class="btn btn-success ">Add NewCategory</a>

                    </div>

                </div><!-- header -->

                <div class="card-body">


                    <!-- alerts -->

                    @include('admin.includes.alerts.errors')

                    @include('admin.includes.alerts.success')

                    <!-- alerts -->



                    <!-- if True , create form will show , if not will stay disabled -->

                    @if ($showCreateForm)

                    @livewire('admin.category.create' )

                    @endif

                    <!-- if True , create form will show , if not will stay disabled -->


                    <!-- Table -->

                    <div class="table-responsive">

                        <table id="example2" class="table table-bordered table-hover">

                            <thead>

                                <tr>

                                    <th>ID</th>

                                    <th>Image</th>

                                    <th>Name</th>

                                    <th>Slug</th>

                                    <th>Status</th>

                                    <th>Parent</th>

                                    <th>Action</th>

                                </tr>

                            </thead>

                            <tbody>

小怪兽爱吃肉
浏览 181回答 5
5回答

斯蒂芬大帝

所有的 HTML 代码都应该用 single 覆盖<div>.然后它会起作用。

慕标琳琳

在 base.blade.php 文件中添加 liveWire 的 css 和 js 就可以了:<head>...&nbsp; &nbsp; @livewireStyles</head><body>&nbsp; &nbsp; ...&nbsp; &nbsp; @livewireScripts</body></html>

一只甜甜圈

我想这会帮助你<a&nbsp;href="#"&nbsp;wire:click.prevent="$toggle('showCreateForm')"&nbsp;class="btn&nbsp;btn-success">Add&nbsp;New&nbsp;Category</a>

慕妹3242003

您不需要:click事件来执行此操作,您可以简单地使用:wire:$toggle('property')而且您不需要使用标签a;你可以简单地使用button标签。所以您的按钮代码将如下所示:<button&nbsp;type="button"&nbsp;wire:$toggle='showCreateForm'&nbsp;class="btn&nbsp;btn-success">Add&nbsp;New&nbsp;Category</button>

繁花如伊

使用 <livewire:styles /> 和 <livewire:scripts /> (而不是@livewireStyles 和@livewireScripts)
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript