v-bind 表达式的值不能为空。发现于 "v-bind:items"

Question

我是 Vue 新手。我正在使用一个 vue 组件，如下所示，如果可用的话，我正在通过组件传递一些对象。

<form :languages='{{ json_encode($languages) }}'
      :items='{{ !empty($items) ? $items : "" }}'>
</form>

我正在使用这个 vue 组件来创建新条目和编辑现有条目场景。所以，这个 :items （它是对象列表）只有在使用编辑功能时才有值。但如果它是创建新功能，它就没有这个：items。当我使用这个 vue 组件来添加新功能时，它给了我以下错误并且没有加载 vue 组件。

错误信息：

The value for a v-bind expression cannot be empty. Found in "v-bind:items".

我想为我已经提到的两种情况（创建新功能和编辑功能）加载这个 vue 组件，那么有什么办法可以实现吗？

Answer 1

v-bind 不允许空的绑定表达式值，如果 empty($items) 计算为 true.

就会发生这种情况

对于这种情况，您可以将其设置为空数组：

<form :items='{{ !empty($items) ? $items : "[]" }}'>

The value for a v-bind expression cannot be empty. Found in "v-bind:items"