ant design of vue 表格默认多选设置

最新推荐文章于 2024-04-02 08:27:30 发布

谢同学咯

最新推荐文章于 2024-04-02 08:27:30 发布

阅读量757

点赞数

本文链接：https://blog.csdn.net/weixin_45049852/article/details/117987781

版权

ant design of vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

ant design of vue 表格默认多选设置

效果：
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210617114949184.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTA0OTg1Mg==,size_16,color_FFFFFF,t_70

table

关键：:row-selection="rowSelectionPower"
数据

 data() {
            return {
                resources: [],
                selResources: [],//默认选中id
                }
                }

 computed: {
            rowSelectionPower() {
                return {
                    onChange: (selectedRowKeys, selectedRows) => {
                        console.log(`选中id: ${selectedRowKeys}`, '选中数据: ', selectedRows);
                        this.selResources = selectedRowKeys//selResources为默认数据的id
                    },
                    selectedRowKeys: this.selResources,//回调-----（关键）
                };
            },
        },

4.🆗！