时间戳

首页 > 解决方案 > v-for 循环中的 Vuex getter

javascript - v-for 循环中的 Vuex getter

问题描述

我有一个v-for动态数据循环，在这v-for我称之为 Vuex getter，有时结果是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’”

知道可能是什么问题吗？

标签： javascriptvue.jsvue-componentvuex

解决方案

推荐阅读