使用电线刷新 div：在 laravel livewire 中忽略答案

【问题标题】：refresh div with wire:ignore in laravel livewire使用电线刷新 div：在 laravel livewire 中忽略
【发布时间】：2022-07-14 18:43:47
【问题描述】：

我们在 livewire 组件中使用了一个 vue 组件。 vue 组件是 DatePicker :

      <div  id="customDiv" class="col-12 col-md-6 m-1" wire:ignore>
        <date-picker v-model="date"
                     :disable="[{{$disableDateString}}]" @input="changeDate">
        ></date-picker>
    </div>

我们应该在提交日期后刷新组件以再次在 Vue 组件中添加禁用日期。我在 livewire 组件中设置了一个侦听器以刷新组件，但它不会影响带有 wire:ignore 的 div。是否有任何方法可以刷新 vue 组件而不会出现任何错误或隐藏视图？

【问题讨论】：

标签： laravel vue.js laravel-livewire

【解决方案1】：

嗯，就是这样。 wire:ignore 会告诉 Livewire “不要更新这个元素或者它是子元素”。

最简单的方法是使用 Alpine，然后在两者之间纠缠该属性，从而将更新该属性的责任转移到 Alpine，它不关心 wire:ignore。

<div 
    id="customDiv" 
    class="col-12 col-md-6 m-1" 
    wire:ignore
    x-data="{ disableDateString: @entangle('disableDateString') }"
>
    <date-picker 
        v-model="date"
        x-bind:disable="[disableDateString]" 
        @input="changeDate">
    ></date-picker>
</div>

【讨论】：