Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
genary
uni-app
提交
d3c40e27
U
uni-app
项目概览
genary
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
d3c40e27
编写于
10月 25, 2020
作者:
W
wanganxp
提交者:
GitHub
10月 25, 2020
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update uni-clientdb-component.md
上级
0af59780
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
9 addition
and
9 deletion
+9
-9
docs/uniCloud/uni-clientdb-component.md
docs/uniCloud/uni-clientdb-component.md
+9
-9
未找到文件。
docs/uniCloud/uni-clientdb-component.md
浏览文件 @
d3c40e27
## uni-clientdb组件
## uni-clientdb组件
简介
`<uni-clientdb>`
组件是一个数据库查询组件,它是对
`uni-clientdb`
的js库的再封装。
...
...
@@ -34,7 +34,7 @@
从HBuilderX 2.9.5+ 起支持
`<uni-clientdb>`
组件,与小程序基础库版本无关。
##
#
属性
## 属性
|属性|类型|描述|
|:-|:-|:-|
...
...
@@ -75,7 +75,7 @@ TODO:暂不支持groupby、in子查询功能。后续会补充
**注意:除非使用admin账户登录操作,否则需要在 uniCloud 控制台对要查询的表增加 Schema 权限配置。至少配置读取权限,否则无权查询**
,详情
[
https://uniapp.dcloud.net.cn/uniCloud/schema
](
https://uniapp.dcloud.net.cn/uniCloud/schema
)
##
#
v-slot:default
## v-slot:default
```
<uni-clientdb v-slot:default="{data, pagination, loading, error, options}"></uni-clientdb>
...
...
@@ -93,7 +93,7 @@ TODO:暂不支持groupby、in子查询功能。后续会补充
**提示:如果不指定分页模式, `data` 为多次查询的集合**
##
#
orderby
## orderby
格式为
`字段名`
空格
`asc`
(升序)/
`desc`
(降序)
`,多个字段用 `
,
` 分割,优先级为字段顺序
...
...
@@ -104,7 +104,7 @@ TODO:暂不支持groupby、in子查询功能。后续会补充
<uni-clientdb orderby="createTime desc"></uni-clientdb>
```
##
#
事件
## 事件
- load事件
...
...
@@ -139,7 +139,7 @@ handleError(e) {
```
##
#
方法
## 方法
- loadData
...
...
@@ -170,7 +170,7 @@ console.log(this.$refs.udb.dataList);
H5平台,开发模式下浏览器控制台输入 `
unidev.clientDB.data
`,可查看组件内部数据,多个组件通过索引查看 `
unidev.clientDB.data[0]
`
##
#
联表查询
## 联表查询
```html
// 注意 `collection` 属性需要传入所有用到的表名,用逗号分隔,主表需要放在第一位
...
...
@@ -191,7 +191,7 @@ H5平台,开发模式下浏览器控制台输入 `unidev.clientDB.data`,可
联表查询详情参考 [https://uniapp.dcloud.net.cn/uniCloud/database?id=lookup](https://uniapp.dcloud.net.cn/uniCloud/database?id=lookup)
##
#
列表分页@page
## 列表分页@page
- 列表分页模式1:上拉加载上一页。下一页的查询结果会追加合并到data里
```html
...
...
@@ -360,7 +360,7 @@ H5平台,开发模式下浏览器控制台输入 `unidev.clientDB.data`,可
使用分页控件,常见于PC端。在这个uniCloud Admin的[权限管理插件](https://ext.dcloud.net.cn/plugin?id=3269)插件中,有完整的分页展示数据、新增删除数据的示例代码。
##
#
组件嵌套
## 组件嵌套
`
<uni-clientdb>
` 组件支持嵌套。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录