Laravel 8：输入掩码在 livewire 中无法正常工作答案

【问题标题】：Laravel 8: Input mask not properly working in livewireLaravel 8：输入掩码在 livewire 中无法正常工作
【发布时间】：2023-02-03 10:29:04
【问题描述】：

在应用程序中，我们在其中一个模块中使用了 jquery 的输入掩码。

在该模块中，有一个选项卡。每当我尝试更改选项卡或提交它时。

tin 的值始终为 null

刀片锉刀

<div wire:ignore.self class="tab-pane active" class="tab-pane " id="vendor-customer-tab" role="tabpanel">
    <div class="mb-3 row">
        <label for="bank-account-number" class="col-md-3 col-form-label">TIN<span class="required">*</span></label>
        <div class="col-md-9">
            <!-- <input  class="form-control tin-mask" type='text' id="tin_num" placeholder="Enter TIN Number" > -->
            <input  class="form-control tin-mask" type='text' id="tin_num" placeholder="Enter TIN Number" wire:model.defer="tin">
            <!-- <input type="hidden" name="tin_num" wire:model.defer="tin"/> -->
            @error('tin')
            <span class="text-danger">
                {{$message}}
            </span>
            @enderror
        </div>
    </div>
</div>

脚本

<script type="text/javascript">
    $(document).ready(function(){
        $('.tin-mask').inputmask("999-999-999-999");
        $(".tin-mask").val("000-000-000-000");
        // $('#tin_num').change(function(e){
        //     var tin_number = $('#tin_num').val();
        //     $("input[name='tin_num']").val(tin_number);
        //     e.preventDefault();
        //     return false;
        // });
        // $(".tin-mask").attr("value", "000-000-000-000");
    });
</script>

问：为什么每次我尝试更改选项卡或提交时，TIN 的值都变成空白。？

【问题讨论】：

标签： laravel-8 laravel-livewire jquery-inputmask

【解决方案1】：

大概是因为

wire:model.defer="tin"

和

$(".tin-mask").val("000-000-000-000");

不要携手并进。 jQuery 设置值，但 wire:model 也设置值，到目前为止 $tin 可能没有值。

【讨论】：

【解决方案2】：

我有同样的问题，我无法解决

【讨论】：