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

Question

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

我用这样的 livewire 创建了一个组件：

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

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

我不知道为什么 vue 正在验证该组件的 属性。我尝试安装 livewire/vue 但没有任何效果。

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

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

Answer 1

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

你可以通过 v-pre 告诉 vue 忽略一个块：https://v3.vuejs.org/api/directives.html#v-pre

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

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

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