Vue正在验证livewire组件中的属性

Question

我在Laravel 7和laravel-ui项目中使用livewire。

我用livewire创建了一个组件，如下所示：

 <livewire:task-steps :steps="$taskCategory->steps" />

这是页面上唯一的组件，我从vue得到这个错误：

​

​

我不知道为什么vue要验证组件的属性。我尝试安装livewire/vue，但都不起作用。

这是我的app.js https://gist.github.com/LTroya/710bfbd95988003b441d533ccbe6106d

我不知道还能做什么。如有任何提示，我将不胜感激

Answer 1

Vue和livewire正在争夺谁拥有这个html。

您可以使用v-pre：https://v3.vuejs.org/api/directives.html#v-pre命令告诉vue忽略块

或者，您可以使用wire:ignore告诉livewire忽略一个块，下面的页面将显示使用它的示例：https://laravel-livewire.com/docs/2.x/alpine-js#creating-a-datepicker

在您的示例中，将代码包装在div中，并在其上使用v-pre。

<div v-pre>
...
</div>