Commit 0f82b7ad by Sendya

refactor: table doc

parent c0a26790
...@@ -183,7 +183,7 @@ Table 重封装组件说明 ...@@ -183,7 +183,7 @@ Table 重封装组件说明
// 调用 refresh() 重新加载列表数据 // 调用 refresh() 重新加载列表数据
// 这里 setTimeout 模拟发起请求的网络延迟.. // 这里 setTimeout 模拟发起请求的网络延迟..
setTimeout(() => { setTimeout(() => {
this.$refs.table.refresh() this.$refs.table.refresh() // refresh() 不传参默认值 false 不刷新到分页第一页
}, 1500) }, 1500)
} }
...@@ -199,14 +199,26 @@ Table 重封装组件说明 ...@@ -199,14 +199,26 @@ Table 重封装组件说明
通过 `this.$refs.table` 调用 通过 `this.$refs.table` 调用
`this.$refs.table.refresh()` 刷新列表 (用户新增/修改数据后,重载列表数据) `this.$refs.table.refresh(true)` 刷新列表 (用户新增/修改数据后,重载列表数据)
> 注意:要调用 `refresh()` 需要给表格组件设定 `ref` 值 > 注意:要调用 `refresh(bool)` 需要给表格组件设定 `ref` 值
>
> `refresh()` 方法可以传一个 `bool` 值,当有传值 或值为 `true` 时,则刷新时会强制刷新到第一页(常用户页面 搜索 按钮进行搜索时,结果从第一页开始分页)
内置属性 内置属性
---- ----
> 除去 `a-table` 自带属性外,还而外提供了 `alert` `props` 属性 > 除去 `a-table` 自带属性外,还而外提供了一些额外属性属性
| 属性 | 说明 | 类型 | 默认值 |
| -------------- | ----------------------------------------------- | ----------------- | ------ |
| alert | 设置是否显示表格信息栏 | [object, boolean] | null |
| showPagination | 显示分页选择器,可传 'auto' \| boolean | [string, boolean] | 'auto' |
| data | 加载数据方法 必须为 `Promise` 对象 **必须绑定** | Promise | - |
`alert` 属性对象:
```javascript ```javascript
alert: { alert: {
show: Boolean, show: Boolean,
...@@ -220,7 +232,7 @@ alert: { ...@@ -220,7 +232,7 @@ alert: {
> 你可能需要为了与后端提供的接口返回结果一致而去修改以下代码: > 你可能需要为了与后端提供的接口返回结果一致而去修改以下代码:
(需要注意的是,这里的修改是全局性的,意味着整个项目所有使用该 table 组件都需要遵守这个返回结果定义的字段。) (需要注意的是,这里的修改是全局性的,意味着整个项目所有使用该 table 组件都需要遵守这个返回结果定义的字段。)
修改 `@/components/table/index.js` 第 124 行起 修改 `@/components/table/index.js` 第 132 行起
...@@ -317,4 +329,4 @@ result.then(r => { ...@@ -317,4 +329,4 @@ result.then(r => {
更新时间 更新时间
---- ----
该文档最后更新于: 2018-10-31 PM 08:15 该文档最后更新于: 2019-01-21 AM 08:37
\ No newline at end of file \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment