使用 defer 在 JavaScript 中设置 Livewire 值答案

【问题标题】：Set Livewire value in JavaScript with defer使用 defer 在 JavaScript 中设置 Livewire 值
【发布时间】：2021-12-09 12:31:04
【问题描述】：

我在 Livewire 组件中有一个日期选择器，我通过 JavaScript 设置它的值，因为 Bootstrap 日期选择器不会自动更新值：

$('.datepicker').datetimepicker({
        format: 'DD/MM/YYYY',
        icons: {
            time: "fa fa-clock-o",
            date: "fa fa-calendar",
            up: "fa fa-chevron-up",
            down: "fa fa-chevron-down",
            previous: 'fa fa-chevron-left',
            next: 'fa fa-chevron-right',
            today: 'fa fa-screenshot',
            clear: 'fa fa-trash',
            close: 'fa fa-remove'
        }
    }).on('dp.change', function (e) {
        this.due_date = e.target.value;
    });

这很好用，但是当 Livewire 更新发生时选择器会消失（如预期的那样）。有没有办法通过 JavaScript 更新 due_date，但它是否以与设置 wire:model.defer="due_date" 相同的方式延迟，以便在下一次网络更新时发送而不是立即发送？

【问题讨论】：

标签： javascript laravel laravel-livewire alpine.js

【解决方案1】：

用途：

@this.set('prop', value, true)

true的第三个参数是defer。

【讨论】：