v-for循环中的Vuex吸气剂

时间:2020-08-29 09:28:40

标签: javascript vue.js vue-component vuex

我有一个v-for遍历动态数据,在此v-for中我称呼Vuex吸气剂,有时结果是undefined,我不知道为什么。

这是我的Vuex吸气剂:

getArtistByAddress: (state) => (addr) => {
    return Object.values(state.artistsList).filter((artist) => {
        return artist.user_addr.includes(addr);
    });
}

这是我的v-for的孤立部分:

<div
    class="grid-item"
    v-for="(artwork, key) in artworks"
    :key="key"
    :data-index="key"
>
    <router-link
        :to="'/user/' + artwork.user_addr + '/artwork/' + artwork.txid"
        tag="div"
        class="detail"
        exact
    >
        <img
            :src="
                getArtist(artwork.user_addr)[0].user_thumb != ''
                    ? $store.state.config.ipfsGateway +
                        '/' +
                        getArtist(artwork.user_addr)[0].user_thumb
                    : emptyThumb
            "
            class="thumbnail"
        />
        <div class="title">{{ artwork.art_name }}</div>
    </router-link>
</div>

这是我得到的,但是很随机:

[Vue警告]:渲染错误:“ TypeError:无法读取未定义的属性'user_thumb'”

有什么问题吗?

0 个答案:

没有答案