vue ant design table中rowSelection属性的应用

        1.当table中添加单选框时

                <a-table
                  :rowSelection="{type:‘radio‘,onChange:onSelectChange,selectedRowKeys}"
                ></a-table>

        2.点击行时能选中整行的内容

          <a-table
                  :customRow="handleCheck"
                  :rowSelection="{type:‘radio‘,onChange:onSelectChange,selectedRowKeys}"    
           ></a-table>
        
        
            handleCheck(record, index) {
              return {
                on: {
                  click: () => {
                    let code = this.modeType;
                    if (this.selectedRowKeys) {
                      this.selectedRowKeys = [];
                    }
                    if (this.selectedRows) {
                      this.selectedRows = [];
                    }
                    this.selectedRowKeys.push(record[code]);
                    this.selectedRows.push(record);
                  }
                }
              };
            },

        3.当table在弹框中时,选中的内容没有点击确定时,在打开弹框应该显示已经选中的内容而不是显示上次取消时选中的内容

           答:因为使table处于选中状态是因为 this.selectedRowKeys 和this.selectedRows里面有值,所以我们需要在定义两个数组,数组saveRows 和saveRowKeys

           当点击确定使将this.selectedRowKeys 和this.selectedRows赋值给saveRows 和saveRowKeys

           当打开弹框时将saveRows 和saveRowKeys赋值给this.selectedRowKeys 和this.selectedRows

        相关文章
        相关标签/搜索
        每日一句
          每一个你不满意的现在,都有一个你没有努力的曾经。
        公众号推荐
           一个历史类的公众号,欢迎关注
        一两拨千金
        高手论坛免费精选资料