uni-app uni-data-checkbox 组件 loadtime 属性无效
uni-app uni-data-checkbox 组件 loadtime 属性无效
开发环境 | 版本号 | 项目创建方式 |
---|---|---|
Windows | win10 | HBuilderX |
示例代码:
<uni-data-checkbox ref="popup3_cbx" v-model="real_cbx" multiple collection="uni-id-users" where="inviter_uid==$cloudEnv_uid" field="nickname" :page-size="100" loadtime="manual" /> ```操作步骤:
<uni-data-checkbox ref="popup3_cbx" v-model="real_cbx" multiple collection="uni-id-users" where="inviter_uid==$cloudEnv_uid" field="nickname" :page-size="100" loadtime="manual" /> ```预期结果:
不会加载数据
## 实际结果:
network 中可以看到还是发送了请求
bug描述:
uni-data-checkbox loadtime属性无效
loadtime? 这个uni-data-checkbox中没有这个属性啊 你说的是localdata吧?
这个是datacom组件 可以用 unicloud-db的属性
回复 2***@qq.com: loadtime="manual"这个模式不生效吗?你怎么使用的呢 可以发个demo吗
在 uni-app
中,uni-data-checkbox
组件的 loadtime
属性用于控制数据的加载时机。通常情况下,loadtime
属性有以下几种取值:
onShow
:页面显示时加载数据。onReady
:页面初次渲染完成时加载数据。auto
:自动加载数据(默认值)。
如果你发现 loadtime
属性无效,可能是由以下几个原因造成的:
1. 版本问题
确保你使用的 uni-app
和 uni-ui
版本是最新的。旧版本可能存在一些 bug 或者不支持某些属性。
2. 属性拼写错误
检查 loadtime
属性是否拼写正确,确保没有拼写错误。
3. 数据源问题
uni-data-checkbox
组件依赖于数据源。确保你已经正确设置了 localdata
或者 url
属性,并且数据源是可用的。
4. 生命周期问题
loadtime
属性的行为与页面的生命周期相关。如果你在 onShow
或 onReady
中手动加载数据,可能会覆盖 loadtime
的行为。
5. 组件嵌套问题
如果 uni-data-checkbox
组件嵌套在其他组件中,可能会影响其加载行为。尝试将组件放在页面的根节点上,看看问题是否仍然存在。
6. 异步加载问题
如果数据是异步加载的,可能需要手动触发数据的加载。可以尝试在 onShow
或 onReady
生命周期中手动调用 loadData
方法。
示例代码
以下是一个简单的示例,展示了如何使用 uni-data-checkbox
组件及其 loadtime
属性:
<template>
<view>
<uni-data-checkbox
:localdata="options"
loadtime="onShow"
@change="handleChange"
></uni-data-checkbox>
</view>
</template>
<script>
export default {
data() {
return {
options: [
{ value: '1', text: 'Option 1' },
{ value: '2', text: 'Option 2' },
{ value: '3', text: 'Option 3' }
]
};
},
methods: {
handleChange(e) {
console.log('Selected:', e.detail.value);
}
}
};
</script>
<style>
/* Your styles here */
</style>