Vue.js 需要隐藏不存在的值答案

【问题标题】：Vue.js Need to hide values if they dont existVue.js 需要隐藏不存在的值
【发布时间】：2020-11-03 16:18:44
【问题描述】：

我如何让 v-hide 工作。下面是我的例子。

我想要实现的只是如果 value.photo 为空，我希望将上述内容隐藏起来。

<div v-for='value in listPlayers'>

<img v-hide='value.photo.length > 0' src='/wp-content/uploads/2018/10/dummy-copy.gif'>

</div>

【问题讨论】：

【解决方案1】：

您应该使用 v-if 或 v-show 指令并使用您的条件的否定：

  v-if='!(value.photo.length > 0)'

【讨论】：

【解决方案2】：

如果您不想渲染元素，最好像这样使用 v-if：

<div v-for='value in listPlayers'>

   <img v-if='!value.photo.length' src='/wp-content/uploads/2018/10/dummy-copy.gif'>

</div>

您也可以使用 v-show，但使用 v-show 将呈现内容但不显示。

【讨论】：