• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

vxe-table获取checkbox选行的下标

武飞扬头像
御坂10057
帮助1

vxe-table是一个基于Vue.js的表格组件,如果要获取checkbox选中行的下标,你可以使用vxe-table的selection属性。

在vxe-table中,selection属性是一个数组,其中包含了当前checkbox选中的行的信息。你可以使用selection属性来获取checkbox选中行的下标。

例如:

  1.  
    <template>
  2.  
    <vxe-table :data="tableData" :selection="selected" @select-change="handleSelectionChange">
  3.  
    <!-- table columns -->
  4.  
    </vxe-table>
  5.  
    </template>
  6.  
     
  7.  
    <script>
  8.  
    export default {
  9.  
    data () {
  10.  
    return {
  11.  
    selected: [],
  12.  
    tableData: [
  13.  
    { id: 1, name: 'a' },
  14.  
    { id: 2, name: 'b' },
  15.  
    { id: 3, name: 'c' }
  16.  
    ]
  17.  
    }
  18.  
    },
  19.  
    methods: {
  20.  
    handleSelectionChange (selection) {
  21.  
    this.selected = selection
  22.  
    console.log(selection)
  23.  
    }
  24.  
    }
  25.  
    }
  26.  
    </script>
学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhghbfig
系列文章
更多 icon
同类精品
更多 icon
继续加载