单击连线后 x 数据值重置：click.prevent 操作答案

【问题标题】：x-data value resets after clicking wire:click.prevent action单击连线后 x 数据值重置：click.prevent 操作
【发布时间】：2020-11-13 17:22:59
【问题描述】：

在我的 Blade 组件中：

@if(Request::segment(1) === 'admin')
    <div x-data="{ admin: true }">
@else
    <div x-data="{ admin: false }">
@endif

    <div x-show="admin">
    ...
    </div>

</div>

所以，当我访问example.com/admin 时，管理员<div> 是可见的。

在这个组件之外我还有另一个组件：

<a wire:click.prevent="create()" href="#">
    Add
</a>

使用create() 在页面上打开一个模式。

问题是.. 单击链接后，admin 在我的第一个组件中设置为 false。这虽然 url 没有改变。

如何将admin 设置为true？

【问题讨论】：

标签： laravel laravel-livewire alpine.js

【解决方案1】：

已通过将wire:ignore 添加到父 div 来修复

https://laravel-livewire.com/screencasts/s4-wire-ignore

【讨论】：