鍍金池/ 問答/HTML/ vue 數(shù)據(jù)渲染問題

vue 數(shù)據(jù)渲染問題

vue渲染頁面數(shù)據(jù)時，如果數(shù)據(jù)data里面數(shù)據(jù)為空，怎么在不使用v-if的情況下實現(xiàn)設(shè)置data數(shù)據(jù)為空時設(shè)置默認值

<img :src="item.url" alt="">

這里如果說 item 里面 url 為空，那么圖片路徑就為空，頁面將不會顯示圖片，怎么實現(xiàn)當(dāng)url為空時指定一個默認路徑呢

回答
編輯回答
糖豆豆

item.url ? 'item.url' : '你的默認圖片路徑'

2017年11月8日 03:00
編輯回答
懶豬

item.url ? 'item.url' : require('你的默認圖片路徑')

2018年2月7日 11:57
編輯回答
柒喵

onerror=""

2018年4月30日 16:26
編輯回答
別硬撐

在data里定義全局url
data(){

return{
    url:'默認圖片路徑'
}

}
頁面：<img :src="url" alt="">
JS：請求中返回的url賦值給你定義的url

2018年4月19日 17:14
編輯回答
野橘

樓上的三元表達式可以，也可以使用:src="item.url || require('你的圖片默認路徑')"

2017年7月21日 21:47