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号
推荐文章：