wire:bind

wire:bind 用于把 HTML 属性动态绑定到组件属性或表达式。与 Blade 的属性语法不同，wire:bind 在客户端响应式更新属性，无需完整重渲染。

如果你熟悉 Alpine 的 x-bind 指令，两者本质上相同。

基本用法

<input wire:model="message" wire:bind:class="message.length > 240 && 'text-red-500'">

用户输入时，wire:bind:class 会响应消息长度，并在客户端立刻应用 class。

常见用法

绑定样式

<div wire:bind:style="{ 'color': textColor, 'font-size': fontSize + 'px' }">
    Styled text
</div>

绑定 href

<a wire:bind:href="url">Dynamic link</a>

绑定 disabled 状态

<button wire:bind:disabled="isArchived">Delete</button>

绑定 data 属性

<div wire:bind:data-count="count">...</div>

参考

wire:bind:{attribute}="expression"

将 {attribute} 替换为任意有效的 HTML 属性名（例如 class、style、href、disabled、data-*）。

该指令没有修饰符。