uniapp做app,使用v-for遍历渲染第二层的时候,打包到手机上渲染不出第二层的数据

1.打包apk要严格注意一点,在data中定义的时候要把第二层定义上,

    pointspower: [{
                        jcdbh: '1',
                        cgqbhs:[]

}]    

不然会出现未定义的情况,直接把二层结构定义上,有利无害

2.渲染的时候要注意为空的情况

要使用v-if来判断,这个时候涉及到一个v-if,v-for同时使用的问题(有兴趣去看我之前文章,说过这个问题)

在v-for之前使用v-if判断非空

3.v-for="(sensor, sensorIndex) in item.cgqbhs || []"遍历的时候加 ||[]

4.之前听说强制刷新,有人的问题可以解决,目前强制刷新不能解决我的问题,其他场景可以尝试

<view class="table-container">
                    <table width="100%">
                        <thead>
                            <tr>
                                <th class="col-25">测点编号</th>
                                <th class="col-25">传感器编号</th>
                                <th class="col-50">传感器值</th>
                            </tr>
                        </thead>
                        <tbody>
                            
                            <template v-for="(item, index) in pointspower">
                                 <template v-if="item.cgqbhs && item.cgqbhs.length > 0">
                                <tr v-for="(sensor, sensorIndex) in item.cgqbhs || []"
                                    :class="{ 'last-item': isLastItem(index, sensorIndex) }">
                                    
                                    <td v-if='sensorIndex === 0' :colspan="item.cgqbhs.length"
                                        class="center-cell cell ">
                                        {{ item.jcdbh }}
                                    </td>
                                    <td v-else :colspan="item.cgqbhs.length" class="center-cell ">

                                    </td>
                                    <td class=" col-25">{{ sensor.cgqbh_dictText }}</td>
                                    <td class="cell  col-50">
                                        <input :value="sensor.pl" type="number" placeholder="输入观测值"
                                            @input="handleInputs($event, index, sensorIndex)"
                                            @blur="updateValues(index, sensorIndex)" />
                                    </td>
                                </tr>
                            </template>
                            </template>
                        </tbody>
                    </table>
                    
                </view>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值