欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue之a(chǎn)-table中實(shí)現(xiàn)清空選中的數(shù)據(jù)

 更新時(shí)間:2019年11月07日 15:35:29   作者:ljljlj1993  
今天小編就為大家分享一篇vue之a(chǎn)-table中實(shí)現(xiàn)清空選中的數(shù)據(jù),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

如下所示:

<template>
  <a-table
     ref="table"
     size="default"
     :columns="columns"
     :dataSource="loadData"
     :showAlertInfo="true"
     :pagination=false
     :scroll="{ x: 1000, y: 250 }"
     :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onChange}"
    >
      </a-table>
 
</template>

<script>
 


 export default {
  components: {},
  data() {
   return {
    selectedRowKeys: [],
    selectedRows: []}
  },
  methods: {
   onChange(selectedRowKeys, selectedRows) {
    //選中的數(shù)據(jù)的key
    this.selectedRowKeys = selectedRowKeys
    if (selectedRows.length > 1) {
     //獲取選中的數(shù)據(jù)的key
     var selectNumber = this.selectedRowKeys[1]
     //清空選中的key
     this.selectedRowKeys = []
     //選中的數(shù)據(jù)的key重新賦值給selectedRowKeys
     this.selectedRowKeys.push(selectNumber)
    }
    //獲取選中的數(shù)據(jù)詳細(xì)信息
    this.selectedRows = selectedRows[0]

   },}
  ,
  watch: {}
  ,
  mounted() {
  }
 }
</script>

以上這篇vue之a(chǎn)-table中實(shí)現(xiàn)清空選中的數(shù)據(jù)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 詳解vue中多個(gè)有順序要求的異步操作處理

    詳解vue中多個(gè)有順序要求的異步操作處理

    這篇文章主要介紹了vue中多個(gè)有順序要求的異步操作處理,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-10-10
  • 詳解vue引入子組件方法

    詳解vue引入子組件方法

    在本文中小編給大家分享的是關(guān)于vue引入子組件方法和先關(guān)注意點(diǎn),有需要的朋友們可以學(xué)習(xí)下。
    2019-02-02
  • vue如何從后臺(tái)下載.zip壓縮包文件

    vue如何從后臺(tái)下載.zip壓縮包文件

    這篇文章主要介紹了vue如何從后臺(tái)下載.zip壓縮包文件,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • Vue如何使用混合Mixins和插件開(kāi)發(fā)詳解

    Vue如何使用混合Mixins和插件開(kāi)發(fā)詳解

    這篇文章主要介紹了Vue如何使用混合Mixins和插件開(kāi)發(fā)詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-02-02
  • VueX模塊的具體使用(小白教程)

    VueX模塊的具體使用(小白教程)

    這篇文章主要介紹了VueX模塊的具體使用,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-06-06
  • vue粘貼復(fù)制功能的實(shí)現(xiàn)過(guò)程記錄

    vue粘貼復(fù)制功能的實(shí)現(xiàn)過(guò)程記錄

    最近在項(xiàng)目中遇到點(diǎn)擊按鈕復(fù)制鏈接功能,所以這篇文章主要給大家介紹了關(guān)于vue粘貼復(fù)制功能的實(shí)現(xiàn)過(guò)程,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-03-03
  • vue圖片懶加載的兩種方法詳解

    vue圖片懶加載的兩種方法詳解

    懶加載是一種網(wǎng)頁(yè)優(yōu)化技術(shù),也被稱為延遲加載,它的主要目的是在網(wǎng)頁(yè)加載時(shí),只加載當(dāng)前可見(jiàn)區(qū)域內(nèi)的內(nèi)容,而延遲加載其他不可見(jiàn)區(qū)域的內(nèi)容,從而提高網(wǎng)頁(yè)的加載速度和性能,這篇文章主要介紹了vue圖片懶加載的兩種方法,需要的朋友可以參考下
    2023-07-07
  • vue計(jì)算屬性和監(jiān)聽(tīng)器實(shí)例解析

    vue計(jì)算屬性和監(jiān)聽(tīng)器實(shí)例解析

    本文通過(guò)基本實(shí)例給大家介紹了vue計(jì)算屬性和監(jiān)聽(tīng)器的相關(guān)知識(shí),非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-05-05
  • vue項(xiàng)目頁(yè)面的打印和下載PDF加loading效果的實(shí)現(xiàn)(加水印)

    vue項(xiàng)目頁(yè)面的打印和下載PDF加loading效果的實(shí)現(xiàn)(加水印)

    這篇文章主要介紹了vue項(xiàng)目頁(yè)面的打印和下載PDF加loading效果的實(shí)現(xiàn)(加水印),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-12-12
  • 詳解Vue與VueComponent的關(guān)系

    詳解Vue與VueComponent的關(guān)系

    這篇文章主要為大家介紹了Vue與VueComponent的關(guān)系,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助
    2021-12-12

最新評(píng)論