最简单的是在javascript中显示未定义的元素

这是我在提示中使用的基本代码:

<span>{{`${item.name} ${item.surname}`}}</span>

它有时显示

John Doe

而有时

Mary undefined

如果是虚假的,不显示变量的最简单方法是什么?

我知道我可以用

<span>{{`${item.name} ${item.surname ? item.surname : ''}`}}</span>

但是对我来说看起来并不干净

评论
梅Oo
梅Oo

如果您正在寻找一种更清洁的方式,则可以尝试考虑

if(item.surname == undefined){
    item.surname = ''
}
点赞
评论
O哦
O哦

Try it with the or operator ||

<span>{{`${item.name} ${item.surname || ''}`}}</span>
点赞
评论
蹲在脚落
蹲在脚落

您也可以尝试这种方法。

<span v-if="item.name !== undefined && item.surnam !== undefined">{{`${item.name} ${item.surname}`}}</span>
点赞
评论
爱到何时
爱到何时

$ {(var === undefined)? 'display-none':'display-block'}

点赞
评论