鍍金池/ 問答/HTML/ 怎么解決vue.js的模板中的綁定數(shù)據(jù)為`undefined`報錯?

怎么解決vue.js的模板中的綁定數(shù)據(jù)為`undefined`報錯?

在Vue.js項目的<template>中:

<td>{{data.name}}</td>

這里有這樣的插入數(shù)據(jù),請問下:

如果data沒有name的話,這里就會報錯,有什么方法可以在模板中給它一個默認(rèn)值呢?

比如:如果沒有name,就給一個空字符串。

官方文檔有說明沒有我沒有找到呢。

回答
編輯回答
故林

{{data.name||'默認(rèn)值'}}

2018年8月12日 15:21
編輯回答
紓惘

試試這樣寫: {{data.name ? data.name : ''}}

2017年9月29日 10:46
編輯回答
空痕
<td v-text="data.name?data.name:'默認(rèn)值'"></td>
2017年10月9日 02:37