提取Vue.js Bootstrap表格行ID并收集到数据属性的方法
P粉553428780
P粉553428780 2023-09-15 09:24:15
[Vue.js讨论组]

我正在使用Vue.js Bootstrap表格,我希望能够将每个表格行的id收集到一个数组或对象数据属性中。

这是一个Bootstrap表格模板的示例:

<template v-slot:cell(label)="row" >
        <div >
          <div class="label"></div>
        </div>
      </template>

那么,我该如何将row.item.id的值收集到一个数组或对象中,以便将这些数据用于其他目的?

P粉553428780
P粉553428780

全部回复(1)
P粉670107661

您可以通过使用Array.map()方法迭代,将items数组中的任何属性存储到一个单独的数组中。

例如

data() {
  return {
    items: [
      { id: 1, age: 40, first_name: 'Dickerson', last_name: 'Macdonald' },
      { id: 2, age: 21, first_name: 'Larsen', last_name: 'Shaw' },
      { id: 3, age: 89, first_name: 'Geneva', last_name: 'Wilson' },
      { id: 4, age: 38, first_name: 'Jami', last_name: 'Carney' }
    ],
    itemsID: []
  }
}

然后在mounted钩子中

mounted() {
    this.itemsID = this.items.map(({id}) => id)
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号