uni-app unicloud-db组件在使用顶部选项卡的页面中存在使用问题

uni-app unicloud-db组件在使用顶部选项卡的页面中存在使用问题

操作步骤：

  • 点击选项卡，触发相应的事件请求数据

预期结果：

  • 请求数据

实际结果：

  • 无数据

bug描述：

想手动触发加载数据，点击选项卡，在事件中触发this.$refs.udb.loadData()，但实际使用无效。

<unicloud-db collection="cloud_user_balance_logs" orderby="created desc"></unicloud-db>

async change(e) {  
    if (e != this.current) {  
        this.current = e;  
        if (e == 0) {  
            // this.$refs.udb.loadData();  
            // this.blanceTitle="佣金"  
        }  
    }  
}

更多关于uni-app unicloud-db组件在使用顶部选项卡的页面中存在使用问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

另外，在UNiCloud-db组件中使用v-if v-show也导致请求不到数据

更多关于uni-app unicloud-db组件在使用顶部选项卡的页面中存在使用问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


贴完整代码看看，v-if 时组件不会被创建，也不会请求数据

在uni-app中，unicloud-db组件默认会在页面加载时自动请求数据。当需要手动触发数据加载时，需要注意以下几点：

  1. 确保正确绑定ref：在模板中需要为unicloud-db组件设置ref属性，例如ref="udb"。

  2. 检查组件状态：如果组件已经加载过数据，loadData()可能不会重新请求。此时可以尝试使用this.$refs.udb.clear()先清空数据，再调用loadData()。

  3. 异步处理：确保在组件渲染完成后调用方法，可以在nextTick中执行：

this.$nextTick(() => {
    this.$refs.udb.loadData();
});
回到顶部