Closed zcqno1 closed 4 years ago
一个使用 extraButtons 的 data-table,extraButtons 配置了 disabled 属性,进行翻页,同一行的按钮的 disabled 状态可能会发生改变,可交互状态相应变化,但 disabled 的样式会一直保留一开始加载那一页的样式
extraButtons
data-table
disabled
首次加载时,样式正常 翻页,同序号行的状态变化了,但样式沿用了前一页的
Steps to reproduce the behavior:
el-button--disabled
disabled 的按钮样式相应更新
dom复用
<template v-for="(btn, i) in extraButtons"> <self-loading-button v-if="'show' in btn ? btn.show(scope.row) : true" :key="i" :is-text="operationButtonType === 'text'" v-bind="btn" :click="btn.atClick" :params="scope.row" :callback="getList" :disabled="'disabled' in btn ? btn.disabled(scope.row) : false" >
https://github.com/FEMessage/el-data-table/blob/92eb6b2afb9b3afd32c69196736cca01c072c83f/src/el-data-table.vue#L220
Describe the bug
一个使用
extraButtons
的data-table
,extraButtons
配置了disabled
属性,进行翻页,同一行的按钮的disabled
状态可能会发生改变,可交互状态相应变化,但disabled
的样式会一直保留一开始加载那一页的样式Screenshots
首次加载时,样式正常 翻页,同序号行的状态变化了,但样式沿用了前一页的
To Reproduce
Steps to reproduce the behavior:
extraButtons
的表格,设置按钮disabled
属性el-button--disabled
类)Expected behavior
disabled 的按钮样式相应更新
Possible Reason
dom复用
https://github.com/FEMessage/el-data-table/blob/92eb6b2afb9b3afd32c69196736cca01c072c83f/src/el-data-table.vue#L220
environment information