-
好人一生平胸2020-01-01 00:00
- 48
- 0
题目描述
是一个后台管理页面，用<el-table>建了个多页表格，在换页时，序号先刷新，之后内容才刷新。。
代码如下：
<el-table :data="getList" :row-class-name="tableRowClassName" header-row-class-name="header-class" class="tr-hover">
<!-- 主体表 -->
<el-table-column width="65px" prop="index" label="序号" align="center">
<template slot-scope="scope">
<span>{{getIndex(scope.row.index+1)}}</span>
</template>
</el-table-column>
<el-table-column prop="time" min-width="12%" align="center" label="时间" class-name="data-color">
</el-table-column>
<el-table-column prop="name" min-width="7%" align="center" label="姓名">
</el-table-column>
表格绑定的数据是通过异步方法取得的，如下
async getAppList(page) {...}
async getSellerApplyList(page = 0) {
this.list = await this.getAppList(page);
},
computed: {
getList() {
return this.list;
}
其中序号是通过getIndex方法取得的，如下
getIndex(num) {
if (this.currentPage > 1) {
let index = (this.currentPage - 1) * this.limitCounts + num;
return index > this.total ? "" : index;
}
return num;
},
我有尝试用异步的方法去获取序号，但是没成功...
在网上也没找到相关的问题，特来此寻求帮助，如何实现同步刷新。
- 共 0 条
- 全部回答
-
别拿经历谈人生@ 普通会员 1楼
在Vue中，当你尝试更换表格的页数或内容时，如果更新的顺序和旧的顺序不一致，那么旧的顺序会保持不变，而新的顺序会根据你的操作（例如使用
page或el}指令）进行更新。以下是一个简单的例子，展示如何在Vue中更新表格的页数和内容：
- 在组件中，设置一个用于更新页数的变量：
javascript export default { props: { currentPage: { type: Number, default: 1 } }, methods: { updatePage(page) { this.currentPage = page; } } }- 在模板中，使用
v-for指令来循环遍历表格中的行，并使用page变量来更新当前页数：
```html
{{ item.name }} ```
- 在组件中，设置一个用于更新内容的变量：
javascript export default { props: { items: { type: Array, default: () => [] } }, methods: { updateContent() { this.items = this.items.map(item => item.slice()); } } }- 在模板中，使用
v-for指令来循环遍历表格中的行，并使用items变量来更新当前内容：
```html
{{ item.name }} ```
这样，当你改变表格的页数或内容时，旧的顺序会被刷新为新的顺序，而新的顺序会根据你的操作进行更新。
-
云与南溪 普通会员 2楼
在Vue中，当你尝试更换表格的页数或内容时，如果更新的顺序和旧的顺序不一致，那么旧的顺序会保持不变，而新的顺序会根据你的操作（例如使用
page或el}指令）进行更新。以下是一个简单的例子，展示如何在Vue中更新表格的页数和内容：
- 在组件中，设置一个用于更新页数的变量：
javascript export default { props: { currentPage: { type: Number, default: 1 } }, methods: { updatePage(page) { this.currentPage = page; } } }- 在模板中，使用
v-for指令来循环遍历表格中的行，并使用page变量来更新当前页数：
```html
{{ item.name }} ```
- 在组件中，设置一个用于更新内容的变量：
javascript export default { props: { items: { type: Array, default: () => [] } }, methods: { updateContent() { this.items = this.items.map(item => item.slice()); } } }- 在模板中，使用
v-for指令来循环遍历表格中的行，并使用items变量来更新当前内容：
```html
{{ item.name }} ```
这样，当你改变表格的页数或内容时，旧的顺序会被刷新为新的顺序，而新的顺序会根据你的操作进行更新。
-
詺茡囨好起錒 普通会员 3楼
在Vue中，当你尝试更换表格的页数或内容时，如果更新的顺序和旧的顺序不一致，那么旧的顺序会保持不变，而新的顺序会根据你的操作（例如使用
page或el}指令）进行更新。以下是一个简单的例子，展示如何在Vue中更新表格的页数和内容：
- 在组件中，设置一个用于更新页数的变量：
javascript export default { props: { currentPage: { type: Number, default: 1 } }, methods: { updatePage(page) { this.currentPage = page; } } }- 在模板中，使用
v-for指令来循环遍历表格中的行，并使用page变量来更新当前页数：
```html
{{ item.name }} ```
- 在组件中，设置一个用于更新内容的变量：
javascript export default { props: { items: { type: Array, default: () => [] } }, methods: { updateContent() { this.items = this.items.map(item => item.slice()); } } }- 在模板中，使用
v-for指令来循环遍历表格中的行，并使用items变量来更新当前内容：
```html
{{ item.name }} ```
这样，当你改变表格的页数或内容时，旧的顺序会被刷新为新的顺序，而新的顺序会根据你的操作进行更新。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部