如何显示来自数组的每个用户的随机化身

时间:2019-02-20 13:18:26

标签: vue.js quasar-framework quasar

我正在尝试显示用户列表。用户数据来自数组。在显示用户列表时,我还想为每个用户显示不同的和随机的化身。

这是我的代码:

<q-list>
  <q-item v-for="users in filteredUser">
    <q-item-side :avatar="getRandomAvatar()" />
       <q-item-main class="q-mb-sm" :label="users.first_name + ' ' +  users.last_name "></q-item-main>
    </q-item>
</q-list>

功能是:

getRandomAvatar() {
     this.randomNum = Math.floor(Math.random() * this.array_name.length);
     this.temp = array_name[randomNum];
     return this.temp
}

那么如何为每个用户显示单独的或随机的头像?

0 个答案:

没有答案