如何在Vue中访问不同v-for循环中的数据
P粉511757848
P粉511757848 2024-03-31 14:54:54
[Vue.js讨论组]

我在我的Vue应用程序中有一个表格主体,在其中我通过循环一个数据对象来构建一部分行。然后,我有一个单独的部分使用不同的数据对象,但是,我需要将其值与另一个循环中的值进行比较,以便进行条件样式设置。

我想知道是否有一种方法,在第一个for循环的时候将value部分的数据发送到一个方法调用中,这样我就可以在汇总循环中访问它,如果这样说的话。

这是表格:


   
    
      
@{{dataForDate.total_categories}}
汇总
@{{ store.stock_num }}

P粉511757848
P粉511757848

全部回复(1)
P粉642436282

您可以使用计算方法来创建activeStoremanagerNumbers之间的查找表,并循环遍历。

get activeStoreAndManagerNumbers () {
 return managerNumbers.map((value, index) => {
    return {
      value, 
      store: activeStore[index] 
    }
  })
}

现在,您可以使用这个数组来循环遍历您的v-for

v-for="(obj, index) in activeStoreAndManagerNumbers"

现在,obj.value.qtyobj.store.qty都可以在同一个循环中使用。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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