如何解决实现交互式只读复选框
我尝试使用以下代码实现交互式只读复选框。
但是当我更改了表单中的值，将其保存到DB，并且关闭了下拉菜单，但更改仍然没有反映在只读区域中。
查看（./layout/app.blade.PHP）
<head>
...
<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.0/dist/alpine.min.js" defer></script>
...
<style>
input[type="checkBox"][readonly] {
pointer-events: none;
}
</style>
...
</head>
查看（livewire/test/test.blade.PHP）
...
// readonly area
<div>
<div>
<input wire:model="check1" type="checkBox" id="check1">
<label for="check1">
</div>
<div>
<input wire:model="check2" type="checkBox" id="check2">
<label for="check2">
</div>
</div>
...
...
// edit form area in drop-down menu in the same page,placed with @include('livewire.components.test.edit.blade.PHP)
<div>
<div>
<input wire:model="check1" type="checkBox" id="check1">
<label for="check1">
</div>
<div>
<input wire:model="check2" type="checkBox" id="check2">
<label for="check2">
</div>
<button wire:click="editTest">Edit Test</button> //edit method
</div>
我在只读区域尝试过这些东西...
wire:model.defer、wire:model.lazy、wire:model.debounce.1000ms 和 value="{{ $check1}}"
但仍然无法正常工作。
让我知道如何实施它。
技术版本...
"PHP": "^7.3|^8.0","laravel/framework": "^8.12","livewire/livewire": "^2.0"
"tailwindcss": "^1.8.0","alpinejs": "^2.8.0",版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
