Livewire 中文文档API 参考
API 参考
模板指令
| 指令 | 描述 |
|---|---|
wire:key="foo" |
充当 Livewire 的 DOM 差异系统的参考点。 对于添加/删除元素以及跟踪列表很有用。 |
| wire:click=”foo” | 侦听“ click”事件，并在组件中触发“ click”事件时调用组件中的“ foo”方法 |
| wire:click.prefetch=”foo” | 侦听“ mouseenter”事件，并在组件中预加载 “ foo” 方法的结果。 然后，如果单击，将交换预加载的结果（无额外请求），如果未单击，将丢弃缓存的结果。 |
| wire:keydown.enter=”foo” | 侦听以 Enter 键的keydown事件，并在组件中触发“ click”事件的“ foo”方法，并在组件中触发“ foo”的方法 |
| wire:foo=”bar” | 侦听称为“ foo”的浏览器事件。 （您可以指定您想以此方式监听的任何浏览器DOM事件（不是Livewire事件）） |
| wire:model=”foo” | 假设 $foo 是组件类的公共属性，则每次更新带有此伪指令的输入元素时，该属性都会被更新。 |
| wire:model.debounce.100ms=”foo” | 每100毫秒对元素发出的输入事件进行防抖动 |
| wire:poll.500ms=”foo” | Livewire将每500毫秒运行“ foo”方法 |
| wire:init=”foo” | Livewire在页面上呈现后，将立即运行“ foo”方法 |
| wire:loading | 默认情况下将隐藏该元素，但在传输网络请求时显示该元素 |
| wire:loading.class=”foo” | 在发生网络请求时将foo类添加到元素 |
| wire:loading.class.remove=”foo” | 加载时将删除foo类 |
| wire:loading.attr=”disabled” | 加载时将添加disabled =“ true”属性 |
| wire:dirty | 默认情况下将隐藏该元素，但是在该元素的“状态”变脏时显示它（变脏即值不等于服务端上的内容） |
| wire:dirty.class=”foo” | 将在元素变脏时将foo类添加到元素 |
| wire:dirty.class.remove=”foo” | 变脏时将删除foo类 |
| wire:dirty.attr=”disabled” | 变脏时将添加disabled =“ true”属性 |
| wire:target=”foo” | 将 wire:loading 和 wire:dirty 功能的范围限定为当触发“ foo”动作时。 |
| wire:ignore | 将此指令添加到元素将使Livewire在从服务器请求更新DOM时不更新它或它的子元素。 在Livewire组件中使用第三方javascript库时很有用。 |
| wire:ignore.self | “self” 修饰符忽略对元素本身的更新，但允许对子元素进行更新。 |
关于 LearnKu
粤公网安备 44030502004330号