未验证 提交 d3c40e27 编写于 作者: W wanganxp 提交者: GitHub

Update uni-clientdb-component.md

上级 0af59780
## uni-clientdb组件 ## uni-clientdb组件简介
`<uni-clientdb>` 组件是一个数据库查询组件,它是对`uni-clientdb`的js库的再封装。 `<uni-clientdb>` 组件是一个数据库查询组件,它是对`uni-clientdb`的js库的再封装。
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
从HBuilderX 2.9.5+ 起支持`<uni-clientdb>`组件,与小程序基础库版本无关。 从HBuilderX 2.9.5+ 起支持`<uni-clientdb>`组件,与小程序基础库版本无关。
### 属性 ## 属性
|属性|类型|描述| |属性|类型|描述|
|:-|:-|:-| |:-|:-|:-|
...@@ -75,7 +75,7 @@ TODO:暂不支持groupby、in子查询功能。后续会补充 ...@@ -75,7 +75,7 @@ TODO:暂不支持groupby、in子查询功能。后续会补充
**注意:除非使用admin账户登录操作,否则需要在 uniCloud 控制台对要查询的表增加 Schema 权限配置。至少配置读取权限,否则无权查询**,详情 [https://uniapp.dcloud.net.cn/uniCloud/schema](https://uniapp.dcloud.net.cn/uniCloud/schema) **注意:除非使用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> <uni-clientdb v-slot:default="{data, pagination, loading, error, options}"></uni-clientdb>
...@@ -93,7 +93,7 @@ TODO:暂不支持groupby、in子查询功能。后续会补充 ...@@ -93,7 +93,7 @@ TODO:暂不支持groupby、in子查询功能。后续会补充
**提示:如果不指定分页模式, `data` 为多次查询的集合** **提示:如果不指定分页模式, `data` 为多次查询的集合**
### orderby ## orderby
格式为 `字段名` 空格 `asc`(升序)/`desc`(降序)`,多个字段用 `,` 分割,优先级为字段顺序 格式为 `字段名` 空格 `asc`(升序)/`desc`(降序)`,多个字段用 `,` 分割,优先级为字段顺序
...@@ -104,7 +104,7 @@ TODO:暂不支持groupby、in子查询功能。后续会补充 ...@@ -104,7 +104,7 @@ TODO:暂不支持groupby、in子查询功能。后续会补充
<uni-clientdb orderby="createTime desc"></uni-clientdb> <uni-clientdb orderby="createTime desc"></uni-clientdb>
``` ```
### 事件 ## 事件
- load事件 - load事件
...@@ -139,7 +139,7 @@ handleError(e) { ...@@ -139,7 +139,7 @@ handleError(e) {
``` ```
### 方法 ## 方法
- loadData - loadData
...@@ -170,7 +170,7 @@ console.log(this.$refs.udb.dataList); ...@@ -170,7 +170,7 @@ console.log(this.$refs.udb.dataList);
H5平台,开发模式下浏览器控制台输入 `unidev.clientDB.data`,可查看组件内部数据,多个组件通过索引查看 `unidev.clientDB.data[0]` H5平台,开发模式下浏览器控制台输入 `unidev.clientDB.data`,可查看组件内部数据,多个组件通过索引查看 `unidev.clientDB.data[0]`
### 联表查询 ## 联表查询
```html ```html
// 注意 `collection` 属性需要传入所有用到的表名,用逗号分隔,主表需要放在第一位 // 注意 `collection` 属性需要传入所有用到的表名,用逗号分隔,主表需要放在第一位
...@@ -191,7 +191,7 @@ H5平台,开发模式下浏览器控制台输入 `unidev.clientDB.data`,可 ...@@ -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) 联表查询详情参考 [https://uniapp.dcloud.net.cn/uniCloud/database?id=lookup](https://uniapp.dcloud.net.cn/uniCloud/database?id=lookup)
### 列表分页@page ## 列表分页@page
- 列表分页模式1:上拉加载上一页。下一页的查询结果会追加合并到data里 - 列表分页模式1:上拉加载上一页。下一页的查询结果会追加合并到data里
```html ```html
...@@ -360,7 +360,7 @@ H5平台,开发模式下浏览器控制台输入 `unidev.clientDB.data`,可 ...@@ -360,7 +360,7 @@ H5平台,开发模式下浏览器控制台输入 `unidev.clientDB.data`,可
使用分页控件,常见于PC端。在这个uniCloud Admin的[权限管理插件](https://ext.dcloud.net.cn/plugin?id=3269)插件中,有完整的分页展示数据、新增删除数据的示例代码。 使用分页控件,常见于PC端。在这个uniCloud Admin的[权限管理插件](https://ext.dcloud.net.cn/plugin?id=3269)插件中,有完整的分页展示数据、新增删除数据的示例代码。
### 组件嵌套 ## 组件嵌套
`<uni-clientdb>` 组件支持嵌套。 `<uni-clientdb>` 组件支持嵌套。
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册