• 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

    相关文章
    相关标签/搜索
    4887铁算王中王开奖结果小说 延安市| 突泉县| 子洲县| 呼图壁县| 南澳县| 高邑县| 应城市| 彰化县| 旌德县| 霍邱县| 永清县| 高淳县| 福鼎市| 九龙县| 莱芜市| 桐柏县| 台南县| 东乌珠穆沁旗| 连云港市| 望都县| 莲花县| 靖西县| 青铜峡市| 修武县| 商城县| 开原市| 云安县| 深水埗区| 兰坪| 定兴县| 公安县| 白水县| 龙海市| 博乐市| 许昌县| 华亭县| 习水县| http://fa.hz0j2r2vo.fun http://fa.hz0j0r8vo.fun http://fa.hz0j0r0vo.fun http://fa.hz0j2r1vo.fun http://fa.hz0j2r5vo.fun