a-design-vue 重置多选

a-design-vue 重置多选,第1张

  <a-table
            :rowKey="(record, index) => index"
            :bordered="true"
            :rowSelection="{
              selectedRowKeys: selectedRowKeys,
              onChange: onSelectChange,
            }"
            :columns="columns1"
            :data-source="data1"
            :pagination="{
              pageSize: 10,
              total: total,
              onChange: (page, pageSize) => this.onChange(page, pageSize), //点击页码事件
              showTotal: (total) => `共 ${total} 条`,
            }"
          >
            <a slot="jobFairName" slot-scope="text">{{ text }}a>
          a-table>
data(){
reture {
 // 多选值
      selectedRowKeys: [],
}}
  methods: {
    onSelectChange: function (selectedRowKeys, selectedRows) {
    // 清空时需要重置第一个参数
      this.selectedRowKeys = selectedRowKeys;
      // 选择的每一行的具体信息
      this.selectedRows = selectedRows;
    },
    reset(){
 // 多选值
      this.selectedRowKeys = [],
}
    }

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/940339.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存