antdv表格选择选中后翻页(后端翻页)改变数据,选择框不会被清空

在使用 antdv 表格翻页的时候,如果是后端实现翻页,复用同一表格,那么数据改变之后已被选择的样式不会被清空(已置空 selectedkeys)。

我使用了笨笨的解决方法:
原因可能是因为操作之后页面上的勾选选中再对数据操作不会被重置。那解决不了问题就解决提出问题的人_.

我将表格设置了个 key 值,值为当前时间戳,那么我没刷新一次其实就已经将旧的表格替换掉,生成了个新表格了。当然就不存在这种问题了。哈哈哈哈~

但是当我做类似于操作系统文件夹这种带层级的表格时,又出现了新的问题,返回的时候找不到了。所以这时候有父级子级的话(点击某项进入到下一层等复用统一表格),就将表格的 key 值设置为父 id 就可以了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
问题描述: 在Vue中实现页功能后,选择框默认不生效。 解决方法: 1. 确保选择框的默认值正确设置: 在Vue中,可以通过 v-model 指令将数据双向绑定到选择框上。确保数据初始化时正确设置了选择框的默认值。可以在选择框的选项中使用 v-bind 来动态设置默认值,或者在数据初始化时直接设置默认选中的值。 例如: ```html <select v-model="currentPage"> <option v-for="page in pageCount" :key="page" :value="page">{{ page }}</option> </select> ``` 在上面的代码中,v-model="currentPage" 将选择框与数据的 currentPage 属性双向绑定。确保 currentPage 的默认值正确设置。 2. 确保页时选择框的绑定值更新: 如果选择框的选项是根据页动态生成的,需要确保选择框的绑定值在页时及时更新。可以通过监听页事件,在事件触发时更新选择框的绑定值。 例如: ```javascript methods: { onPageChange(page) { this.currentPage = page; } } ``` 在上面的代码中,onPageChange 方法是页事件的回调函数。在该方法中,更新选择框的绑定值。 3. 确保选择框的监听事件正确绑定: 如果选择框的选项需要触发其他操作,例如重新加载数据或刷新页面等,需要确保监听事件正确绑定。 例如: ```html <select v-model="currentPage" @change="onPageChange"> <option v-for="page in pageCount" :key="page" :value="page">{{ page }}</option> </select> ``` 在上面的代码中,@change="onPageChange" 将选择框的 change 事件与 onPageChange 方法绑定。 通过以上步骤,可以确保在Vue中实现页功能后,选择框默认能够生效。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值