美文网首页
element-ui el-table 全选框数据变化,界面不变

element-ui el-table 全选框数据变化,界面不变

作者: 离陌夕 | 来源:发表于2021-01-20 09:38 被阅读0次
 <el-table-column prop="isCheck" label="权限操作" :key="isCheckAllOperate">
            <template slot="header">
              <span>
                <el-checkbox v-model="isCheckAllOperate" :checked="isCheckAllOperate" @change="isCheckAllOperateChange" :disabled="isDisabled"></el-checkbox>
                <span style="margin-left: 5px;">权限操作</span>
              </span>
            </template>
            <template slot-scope="scope">
              <el-checkbox v-model="scope.row.isCheck" @change="checkMenuOperChange(scope.row)" :disabled="isDisabled"></el-checkbox>
            </template>
          </el-table-column>

在代码中更改isCheckAllOperate,发现复选框不随着isCheckAllOperate而选中或不选中,加了key就解决了,key最好跟你要变化的数据有关,比如这里的isCheckAllOperate。

相关文章

网友评论

      本文标题:element-ui el-table 全选框数据变化,界面不变

      本文链接:https://www.haomeiwen.com/subject/unwhzktx.html