为了账号安全,请及时绑定邮箱和手机立即绑定

laravel Livewire 线:点击不触发功能

laravel Livewire 线:点击不触发功能

小怪兽爱吃肉 2023-04-01 15:44:39
我想用 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>
查看完整描述

5 回答

?
斯蒂芬大帝

TA贡献1827条经验 获得超8个赞

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



查看完整回答
反对 回复 2023-04-01
?
慕标琳琳

TA贡献1830条经验 获得超9个赞

在 base.blade.php 文件中添加 liveWire 的 css 和 js 就可以了:


<head>

...

    @livewireStyles

</head>

<body>

    ...


    @livewireScripts

</body>

</html>


查看完整回答
反对 回复 2023-04-01
?
一只甜甜圈

TA贡献1836条经验 获得超5个赞

我想这会帮助你

<a href="#" wire:click.prevent="$toggle('showCreateForm')" class="btn btn-success">Add New Category</a>



查看完整回答
反对 回复 2023-04-01
?
慕妹3242003

TA贡献1824条经验 获得超6个赞

您不需要:click事件来执行此操作,您可以简单地使用:

wire:$toggle('property')

而且您不需要使用标签a;你可以简单地使用button标签。所以您的按钮代码将如下所示:

<button type="button" wire:$toggle='showCreateForm' class="btn btn-success">Add New Category</button>



查看完整回答
反对 回复 2023-04-01
?
繁花如伊

TA贡献2012条经验 获得超12个赞

使用 <livewire:styles /> 和 <livewire:scripts /> (而不是@livewireStyles 和@livewireScripts)



查看完整回答
反对 回复 2023-04-01
  • 5 回答
  • 0 关注
  • 180 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信