Vuejs2 在firebase+；中更改配置文件图片之前，为用户设置默认图像；Vue+；类星体

我正在开发一个学校应用程序，学生、教职员工和非教职员工都可以访问，我如何在img src中添加一个功能，为用户提供一个默认的配置文件图片，这样我创建的每个新用户都不会有一个空白的img src

我的模板如下所示：

<q-avatar size="150px" class="q-mb-sm">
  <q-img :loading="loading" :src="userDetails.image" />
</q-avatar>

当然，图像将返回未定义，如何为新用户提交默认配置文件图片

如何注册我的用户

registerUsers({}, payload) {
    firebaseAuth.createUserWithEmailAndPassword(payload.email, payload.password)
      .then(res => {
        const userId = res.user.uid;
        console.log(res)
        Notify.create({
          message: 'Regsitration Successful!.',
          color: 'positive',
          classes: 'quick'
        })
        //set user
        firebaseDb.ref(`users/${userId}`).set({
          name: payload.name,
          email: payload.email,
          select: payload.select
        });
      })
      .catch(err => {
        console.log(err)
        Notify.create({
          message: `${err.message}`,
          classes: 'quick',
          color: 'negative'
        })
      })

    console.log(payload)

---

需要查看更多代码，

registerUsers

是如何调用的？通过组件中的…mapActions，我解决了这个问题，为图像使用了quasar占位符道具，因此每个新用户在设置配置文件图片之前都会获得占位符图像。

registerUsers({}, payload) {
    firebaseAuth.createUserWithEmailAndPassword(payload.email, payload.password)
      .then(res => {
        const userId = res.user.uid;
        console.log(res)
        Notify.create({
          message: 'Regsitration Successful!.',
          color: 'positive',
          classes: 'quick'
        })
        //set user
        firebaseDb.ref(`users/${userId}`).set({
          name: payload.name,
          email: payload.email,
          select: payload.select
        });
      })
      .catch(err => {
        console.log(err)
        Notify.create({
          message: `${err.message}`,
          classes: 'quick',
          color: 'negative'
        })
      })

    console.log(payload)