Vue.js 如果存在'；我的部门没有内容吗？

如何将文本添加到空列表中？如果没有添加任何内容，我希望有自己的文本。 是否需要添加

v-if

，

长度

或

.row.pl-3.pr-3.this-row
.col-md-8
p、 书名
//-.col-md-4
//-p.禁用产品的名称
.row.py-2.pl-3.pr-3.disrow.d-flex.align-items-center(
v-for=“饮食疾病中的疾病”
)
.col-md-6
span{{disease.name}
.col-md-6.text-right
b按钮（variant=“danger”，@click=“deleteDietDiseases（disease.id）”）删除

您可以在

v-for

元素之前添加

v-if

条件：

.row（v-if=“dietDiseases.length==0”）
跨越我的自定义文本
.行(
v-for=“饮食疾病中的疾病”
)
...

请注意，不应将

v-else

添加到

v-for

组件中，因为如果数组为空，

v-for

将不会显示内容。如果在同一元素上使用

v-if/else

和

v-for

，可能会遇到意外问题。资料来源：

编辑：如果由于样式原因不应呈现

v-for

行，可以将其放置在

标记中，该标记：

---

您可以执行

{{disease.name | |“Default text”}

这不起作用。如果我没有添加任何疾病，我就看不到文本。它应该可以工作，你能添加更多的代码吗？

.row( v-if="dietDiseases.length === 0" )
  span My custom text
template( v-else )
  .row(
    v-for="disease in dietDiseases"
  )
    ...