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

由 发布于 javascripthtmlvue.js
 收藏

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

<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'}