如果 vuejs 中沒有上傳影像，我想顯示靜態影像。
代碼
<img :src="sub_section.imageURL ? sub_section.imageURL: '@/assets/images/upload.png'" alt="如何使用 v-if 陳述句在 vuejs 中顯示靜態影像">
但它不起作用。我該怎么辦？
uj5u.com熱心網友回復：
如果要v-if專門使用，則不需要使用ternary運算子。您可以嘗試以這種方式使用v-if和顯示默認影像v-else。
<img v-if="sub_section && sub_section.imageURL" :src="sub_section.imageURL" alt="如何使用 v-if 陳述句在 vuejs 中顯示靜態影像">
<img v-else src="@/assets/images/upload.png" alt="如何使用 v-if 陳述句在 vuejs 中顯示靜態影像">
這里，在上面的代碼，如果你得到的東西sub_section和imageURL這兩個再v-if塊會被執行，否則默認的影像將通過執行顯示v-else塊。
您需要確保對兩者都應用了條件sub_section，imageURL因為有可能您在第一個變數sub_section本身中沒有得到任何東西，如果您直接sub_section.imageURL在條件中使用，這可能會引發錯誤。
uj5u.com熱心網友回復：
嘗試這個
<img :src="sub_section.imageURL ? require(sub_section.imageURL): require('@/assets/images/upload.png')" alt="如何使用 v-if 陳述句在 vuejs 中顯示靜態影像">
uj5u.com熱心網友回復：
首先在以下位置匯入影像：data。
data(){
return {
defaultImage: require('@/assets/images/upload.png')
}
}
在組件中：
<img :src="sub_section.imageURL ? sub_section.imageURL: defaultImage" >
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/349218.html
上一篇：如何將物件作為引數傳遞給Vue@click事件處理程式
下一篇：Vue.js。幾個帶有js的類