如何解决Laravel Livewire:您将如何实现等同于Vue的v-if v-else
我正在尝试使用LiveWire编写我的第一个示例,我想做一些简单的事情...
<div v-if="active">
Active things
</div>
<div v-else>
Inactive things
</div>
<button @click="toggle" type="button">toggle</button>
我在{p> 1中用php artisan make:livewire sample
构建了示例组件
sample.blade.php:
<div>
<div wire:model="active">
Active things
</div>
<div wire:model="!active">
Inactive things
</div>
</div>
<button wire:click="toggle">toggle</button>
我仅添加的组件:
public $active=true;
public function toggle() {
$this->active = !$this->active;
}
当然,它不起作用。我可以使用普通的Blade指令,但是我对Livewire的主要兴趣是能够在不重新加载页面的情况下更改DOM。
那是什么?
解决方法
您可以简单地这样做
{{-- Don t forget to alway wrap the component in a div --}}
<div>
<div>
@if($active) Active @else Inactive @endif things
</div>
<button wire:click="toggle">toggle</button>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。