Question

我是vuejs的新手，我有一个固定的部分可以搜索图片：

function offsetHourIndex(hourIndex, dataCenterTimeZone) {
  let userTime = new Date().setHour(hourIndex)
  return moment(userTime).tz(dataCenterTimeZone).hour();
}

当我没有图像时，mounted () { this.UserImage = localStorage.Image this.UserName = localStorage.Name },返回字符串：this.UserImage

如果找不到图片，我可以用来比较和使用v-if v-else显示一些默认图片吗？

我的尝试是：

data:image/jpeg;base64,

Answer 1

您可以使用以下内容：

<img :src="userImage" v-if="userImage !== 'data:image/jpeg;base64,'">
<img src="defaultImagePath" v-else>

Answer 2

我会做这样的事情：

mounted () {
    this.UserImage = localStorage.Image !== 'data:image/jpeg;base64,' ? localStorage.Image : defaultPath
},

这有助于保持模板的清洁。

我将不存在的图像设置为空字符串（而不是data:image/jpeg;base64,）。这样，您可以使用较短的隐式if语句：

mounted () {
    this.UserImage = localStorage.Image || defaultPath
},

Vue.js如果图像存在

2 个答案: