冬天的太阳

发布：2024-01-02 10:55
更新：2024-01-12 13:20
阅读：176

【报Bug】unicloud-db组件嵌套，里层db数据loadData()不更新

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Mac

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

HBuilderX类型：正式

HBuilderX版本号： 3.99

第三方开发者工具版本号： 1.06

基础库版本号： 3.2.4

项目创建方式： HBuilderX

示例代码：

<unicloud-db ref="udb" v-slot:default="{data, loading, error, options}" :options="options" collection="pay"  
            :where="`pay_date > ${selectDateStart} && pay_date < ${selectDateEnd} && is_remove == 0`" groupby="pay_date"  
            group-field="sum(pay_num) as payDaySum" orderby="pay_date desc">  
            <!-- 循环日期 -->  
            <view class="detail-list" v-for="(item,index) in options" :key="index">  
                <view class="detail-date flex align-center">  
                    <uni-dateformat :date="item.pay_date" format="yyyy-MM-dd"></uni-dateformat>  
                    <view class="body-padding">(¥{{item.payDaySum / 100}})</view>  
                </view>  
                <view class="day-pay bg-white main-margin-top mian-box-shadow main-border-radius">  
                    <unicloud-db ref="udb1" v-slot:default="{data, loading, error, options}" collection="pay, pay-type"  

udb1.value.loadData({  
clear: true})

操作步骤：

<unicloud-db ref="udb" v-slot:default="{data, loading, error, options}" :options="options" collection="pay"  
            :where="`pay_date > ${selectDateStart} && pay_date < ${selectDateEnd} && is_remove == 0`" groupby="pay_date"  
            group-field="sum(pay_num) as payDaySum" orderby="pay_date desc">  
            <!-- 循环日期 -->  
            <view class="detail-list" v-for="(item,index) in options" :key="index">  
                <view class="detail-date flex align-center">  
                    <uni-dateformat :date="item.pay_date" format="yyyy-MM-dd"></uni-dateformat>  
                    <view class="body-padding">(¥{{item.payDaySum / 100}})</view>  
                </view>  
                <view class="day-pay bg-white main-margin-top mian-box-shadow main-border-radius">  
                    <unicloud-db ref="udb1" v-slot:default="{data, loading, error, options}" collection="pay, pay-type"  

udb1.value.loadData({  
clear: true})

预期结果：

重新加载数据

实际结果：

没有更新数据

bug描述：

【报Bug】unicloud-db组件嵌套，里层db数据loadData()不更新

2024-01-02 10:55 负责人:无分享

9 个回复

DCloud_uniAD_HDX

提供下子 db 组件的完整代码，注意：帖子中的代码需要使用 `````` 包裹

冬天的太阳 (作者)

已提供

2024-01-02 11:46

冬天的太阳 (作者) - 一个xx的90后

<unicloud-db ref="udb" v-slot:default="{data, loading, error, options}" :options="options" collection="pay"  
            :where="`pay_date > ${selectDateStart} && pay_date < ${selectDateEnd} && is_remove == 0`" groupby="pay_date"  
            group-field="sum(pay_num) as payDaySum" orderby="pay_date desc">  
            <!-- 循环日期 -->  
            <view class="detail-list" v-for="(item,index) in options" :key="index">  
                <view class="detail-date flex align-center">  
                    <uni-dateformat :date="item.pay_date" format="yyyy-MM-dd"></uni-dateformat>  
                    <view class="body-padding">(¥{{item.payDaySum / 100}})</view>  
                </view>  
                <view class="day-pay bg-white main-margin-top mian-box-shadow main-border-radius">  
                    <unicloud-db ref="udb1" v-slot:default="{data, loading, error, options}" collection="pay, pay-type"  
                        :where="`pay_date == ${item.pay_date} && openid == '${userInfo.openid}' && is_remove == 0`"  
                        orderby="pay_date">  
                        <!-- 每日消费详细 -->  
                        <view class="day-pay-detail flex justify-between main-padding-top-down body-padding main-border-bottom"  
                            v-for="(item1,index) in data" :key="index">  
                            <text>{{item1.pay_type[0].type_name}}</text><text>¥{{item1.pay_num / 100}}</text>  
                        </view>  
                        <!-- 每日消费明细结束 -->  
                    </unicloud-db>  

                </view>  
            </view>  
            <!-- 循环日期结束 -->  
        </unicloud-db>  

<script setup>  
    onShow(() => {  
        udb.value.loadData({  
            clear: true  
        })  
udb1.value.loadData({  
            clear: true  
        })  
    })  
</script>

DCloud_uniAD_HDX

组件的默认属性 loadtime 为自动加载数据，加载过程中再次调用 loadData 会被忽略，应设为手动模式，然后在调用 loadData

<unicloud-db loadtime="manual">

文档 https://doc.dcloud.net.cn/uniCloud/unicloud-db.html#props

冬天的太阳 (作者)

请教下onShow和onReady里边都取不到udb和udb1是什么原因， udb1 is not defined

2024-01-02 12:21
冬天的太阳 (作者)

外层udb可以获取到但是里层udb1获取不到

2024-01-02 13:45
冬天的太阳 (作者)

设置为手动模式也不行

2024-01-02 17:35
DCloud_uniAD_HDX

回复冬天的太阳: 是通过ref获取的吗？哪个平台？还是所有平台都不行？

2024-01-04 11:21
冬天的太阳 (作者)

回复 DCloud_uniAD_HDX: 是通过ref获取的，H5 小程序都不行

2024-01-04 15:26
冬天的太阳 (作者)

回复 DCloud_uniAD_HDX: 里层db组件的where依赖外层循环的数据。

2024-01-04 15:31
冬天的太阳 (作者)

回复 DCloud_uniAD_HDX: 里层db组件where条件依赖外层数据，当外层loadData后，里层也不会更新

2024-01-04 15:51

DCloud_uniAD_HDX

在页面 oonShow 时，父unicloud-db 还在加载数据，子 <unicloud-db loadtime="manual"> 还没有被创建，是无法获取到的，因为v-for 还没有执行

DCloud_uniAD_HDX

可以简化这个逻辑，在父的 v-for 中使用 v-if 创建子 <unicloud-db v-if="data">，且开启自动加载数据

冬天的太阳 (作者)

父 loadtime="manual" 子 loadtime="auto"。onReady和onShow中udb.value.loadData({clear:true}),，添加数据后返回页面，父组件数据可以正常更新，但是子组件数据没有更新。（父子组件都loadtime="auto"，父子数据都不更新）

2024-01-05 15:26
冬天的太阳 (作者)

请问是什么情况

2024-01-09 10:59
冬天的太阳 (作者)

大佬希望解答一下，谢谢

2024-01-10 18:46
DCloud_uniAD_HDX

回复冬天的太阳: 子组件更新需要满足一定条件,unicloud-db 组件绑定的属性发生变化时才会重新加载数据

2024-01-12 11:31

冬天的太阳 (作者) - 一个xx的90后

如果添加一条时间2024-1-5 买衣服 10元的数据，添加数据后返回页面，这条数据不会更新在页面上。如果添加一条2024-1-3 买鞋 10元的数据，添加后返回页面就能在页面显示出来。请问这是udb组件在嵌套中有什么bug吗

冬天的太阳 (作者) - 一个xx的90后

<unicloud-db ref="udb" v-slot:default="{data, loading, error, options}" collection="pay"  
            :where="`pay_date > ${selectDateStart} && pay_date < ${selectDateEnd} && openid == '${userInfo.openid}' && is_remove == 0`"  
            groupby="pay_date" group-field="sum(pay_num) as payDaySum" orderby="pay_date desc" loadtime="manual">  
            <!-- 循环日期 -->  
            <view class="detail-list" v-for="(item,index) in data" :key="index">  
                <view class="detail-date flex align-center">  
                    <uni-dateformat :date="item.pay_date" format="yyyy-MM-dd"></uni-dateformat>  
                    <view class="body-padding">(¥{{item.payDaySum / 100}})</view>  
                </view>  
                <view class="day-pay bg-white main-margin-top mian-box-shadow main-border-radius">  
                    <unicloud-db v-if="data" v-slot:default="{data, loading, error, options}" collection="pay, pay-type"  
                        :where="`pay_date == ${item.pay_date} && openid == '${userInfo.openid}' && is_remove == 0`"  
                        orderby="pay_date" loadtime="auto">  
                        <!-- 每日消费详细 -->  
                        <view class="day-pay-detail flex justify-between main-padding-top-down body-padding main-border-bottom"  
                            v-for="(item1,index) in data" :key="index">  
                            <text>{{item1.pay_type[0].type_name}}</text><text>¥{{item1.pay_num / 100}}</text>  
                        </view>  
                        <!-- 每日消费明细结束 -->  
                    </unicloud-db>  
                </view>  
            </view>  
            <!-- 循环日期结束 -->  
        </unicloud-db>

DCloud_uniAD_HDX

重新梳理下流程：

子组件需要在页面创建后才能调用 loadData 方法，例如: 写了 v-if 因为父没有数据导致子没有被创建
可以在父的 @load 事件中手动调用子 <unicloud-db> 的 loadData 方法加载数据

冬天的太阳 (作者)

在父的 @load 事件中手动调用子 <unicloud-db> 的 loadData 方法加载数据，获取不到子组件的值，无法调用loadData方法

2024-01-12 13:18
冬天的太阳 (作者)

代码和实际运行结果已贴出

2024-01-12 13:21

冬天的太阳 (作者) - 一个xx的90后

<unicloud-db ref="udb" v-slot:default="{data, loading, error, options}" collection="pay"  
            :where="`pay_date > ${selectDateStart} && pay_date < ${selectDateEnd} && is_remove == 0`" groupby="pay_date"  
            group-field="sum(pay_num) as payDaySum" orderby="pay_date desc" loadtime="manual" @load="udbLoad">  
            <!-- 循环日期 -->  
            <view class="detail-list" v-for="(item,index) in data" :key="index">  
                <view class="detail-date flex align-center">  
                    <uni-dateformat :date="item.pay_date" format="yyyy-MM-dd"></uni-dateformat>  
                    <view class="body-padding">(¥{{item.payDaySum / 1000}})</view>  
                </view>  
                <view class="day-pay bg-white main-margin-top mian-box-shadow main-border-radius">  
                    <unicloud-db ref="udb1" v-if="data.length > 0" v-slot:default="{data, loading, error, options}"  
                        collection="pay, pay-type"  
                        :where="`pay_date == ${item.pay_date} && openid == '${userInfo.openid}' && is_remove == 0`"  
                        orderby="pay_date" loadtime="manual">  
                        <!-- 每日消费详细 -->  
                        <view class="day-pay-detail flex justify-between main-padding-top-down body-padding main-border-bottom"  
                            v-for="(item1,index) in data" :key="index">  
                            <text>{{item1.pay_type[0].type_name}}</text><text>¥{{item1.pay_num / 1000}}</text>  
                        </view>  
                        <!-- 每日消费明细结束 -->  
                    </unicloud-db>  

                </view>  
            </view>  
            <!-- 循环日期结束 -->  
        </unicloud-db>  

// 重新加载数据  
    function udbloadData() {  
        udb.value.loadData({  
            clear: true  
        })  
        udbSum.value.loadData({  
            clear: true  
        })  
        udbLoad()  
    }  

    function udbLoad() {  
        console.log(udb1)  
        udb1.value.loadData({  
            clear: true  
        })  
    }  
onReady(() => {  
        udbloadData()  
    })  

    onShow(() => {  
        udbloadData()  
    })

要回复问题请先登录或注册

【报Bug】unicloud-db组件嵌套，里层db数据loadData()不更新

预期结果：

重新加载数据

实际结果：

没有更新数据

bug描述：

9 个回复

公告

相关问题

【报Bug】unicloud-db组件嵌套，里层db数据loadData()不更新

预期结果： 重新加载数据

实际结果： 没有更新数据

bug描述：

与内容相关的链接

9 个回复

公告

相关问题

预期结果：

重新加载数据

实际结果：

没有更新数据