【报Bug】Vuex 中的数据和页面数据不同步

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 12.3.1

HBuilderX类型：正式

HBuilderX版本号： 3.3.13

手机系统：全部

页面类型： nvue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

测试过的手机：

小米8 MIUI 12.5.1 iPhone SE gen 2 15.4.1

操作步骤：

提交数据改变

export async function updateMyPlates() {  
    const [, result] = await getMyPlates();  

    const ready = result != null;  

    if (ready) {  
        store.commit('setMyPlates', result);  
    };  

    return ready;  
}

获取数据

computed: {  
            ...mapState(['myPlates']),  
            showAddPlateButton() {  
                return this.myPlates.length < MAX_PLATE_COUNT;  
            },  
        },

渲染数据

<view class="my-plate-item-wrapper" v-for="item in myPlates" :key="item.id">  
                <view class="my-plate-item">  

                    <text class="my-plate-number">{{item.carNumber}}·{{item.color}}</text>  

                    <view class="my-plate-unbind-icon-extend-click" @click="onRemoveClick(item.carNumber, item.id)">  
                        <image class="my-plate-unbind-icon" src="../../static/close.png" mode="aspectFit"></image>  
                    </view>  

                </view>  
            </view>