1***@qq.com
1***@qq.com
  • 发布:2022-09-26 19:11
  • 更新:2022-09-26 20:25
  • 阅读:122

页面刷新后不渲染,直接白屏.

分类:uni-app
<template>  
    <!-- <text>6666666666666  </text> -->  
    <view class="page">  
        <!-- 地址 -->  
        <view class="address-data">  
            <view class="address-list" @click="onSkip('address')">  

                <view class="list">  
                    <text class="address">{{this.address[0].address}}</text>  
                </view>  
                <view class="list">  
                    <text>{{this.address[0].name}}</text>  
                    <text>{{this.address[0].tel}}</text>  
                </view>  
                <view class="list">  
                    <text class="tips">(如果快递不方便接收,您可以选择暂时寄存服务)</text>  
                </view>  
            </view>  
            <view class="bar">  

            </view>  
        </view>  

        <!-- 商品 -->  
        <view class="goods-data">  
            <view class="goods-title">  
                <text>商品信息</text>  
            </view>  
            <view class="goods-list">  
                <view  v-for="(item,index) in order_data" :key="index">  
                    <view class="list" >  

                        <view class="thumb">  
                            <image :src="item.goods_thumb" ></image>  
                        </view>  
                        <view class="item">  
                            <view class="title">  
                                <text class="name one-omit">{{item.goods_name}}</text>  
                            </view>  
                            <view class="price-number">  
                                <view class="price">  
                                    <text class="min">¥</text>  
                                    <text class="max">{{item.goods_price}}</text>  
                                    <text class="min">.00</text>  
                                </view>  
                                <view class="number">  
                                    <text>x {{item.goods_count}}</text>  
                                </view>  
                            </view>  
                        </view>  

                    </view>  

                </view>  
        </view>  

            <view class="delivery">  
                <view class="list">  
                    <view class="title">配送</view>  
                    <view class="content">  
                        <text>快递运输</text>  
                        <text class="iconfont icon-more"></text>  
                    </view>  
                </view>  
                <view class="list">  
                    <view class="title">运费险</view>  
                    <view class="content">  
                        <text>¥{{secure}}</text>  
                        <text class="iconfont icon-check"></text>  
                    </view>  
                </view>  
            </view>  
        </view>  
        <!-- 优惠 -->  

        <!-- 订单金额 -->  
        <view class="order-price">  
            <view class="price-list">  
                <view class="list">  
                    <view class="title">  
                        <text>商品金额</text>  
                    </view>  
                    <view class="price">  
                        <text>¥{{totalPrice}}</text>  
                    </view>  
                </view>  

                <view class="list">  
                    <view class="title">  
                        <text>运费</text>  
                    </view>  
                    <view class="price">  
                        <text class="highlight">+¥0.00</text>  
                    </view>  
                </view>  
                <view class="list">  
                    <view class="title">  
                        <text>运费险</text>  
                    </view>  
                    <view class="price">  
                        <text class="highlight">+¥{{secure}}</text>  
                    </view>  
                </view>  
            </view>  
        </view>  
        <!-- 地址提示 -->  
        <view class="address-tips" :style="scrollTop >= 100 ? '':'display:none'">  
            <text>{{this.address[0].address}}</text>  
        </view>  
        <!-- 底部合计提交 -->  
        <view class="footer-submit">  
            <view class="price">  
                <text class="min">¥</text>  
                <text class="max"> {{paytotalPrice}} </text>  
                <text class="min">.00</text>  

            </view>  
            <view class="submit" @click="onSubmit">  
                <text>提交订单</text>  
            </view>  
        </view>  
    </view>   

</template>

定位不到问题,所以全部上传了。
正常显示:


刷新后:

控制台也没报错

注释一条view后保存就能显示。

2022-09-26 19:11 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

有时会报这个错误

1***@qq.com

1***@qq.com (作者)

问题已解决,view渲染页面时调用数据库要添加 v-if 判断有无接收到数据。
其实还是异步回调问题,我能力尚浅,目前先这样解决。

要回复问题请先登录注册