用导线刷新div :在livewire中忽略

Question

我们在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组件中设置了一个监听器，用于刷新组件，但它不会对div产生影响:忽略。是否有任何方法可以刷新vue组件而不出现任何错误或隐藏在视图中？

Answer 1

这就是问题所在。wire:ignore会告诉Livewire“不要更新这个元素，否则它就是子元素”。

关于这一点，最简单的方法是使用阿尔卑斯，然后在两者之间牵扯该属性，从而将更新该属性的责任转移到阿尔卑斯，后者并不关心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>