最简单的是在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'}