Question

我想使用v-for和按trade_id分组遍历HTML中的项目

这是我的Array推送

Website_Inventory[token].push({
                        id: itm.caseid,
                        trade_id: itm.trade_id,
                        case_id: itm.case_id,
                        image: Cases[itm.caseid][0].img,
                        item: unopenedCases,
                        type: 'real'
                    });

我想通过trade_id进行订购，因此trade_id可以堆叠

<div v-if="user.cases_2.length > 0" class="case">
                      <div v-for="i in user.cases_2.trade_id">
                        <header class="name"><h3><span style="color: #00a753" v-html="user.cases_2.length + 'x'"></span>&nbsp;Weapon Case 2</h3></header>
                        <div class="contentul">
                            <div class="image"><img :src="user.cases_2[0].image" style="width: 70%;"></div>
                            <div class="prices"><h4>Prices between:</h4><p><i class="fas fa-dollar-sign"></i>0.02 - <i class="fas fa-dollar-sign"></i>10,092.29</p></div>
                            <div class="button" id="openRealCase" data-case="2" :data-case-id="user.cases_2[0].case_id"><a class="butonul"><span><i class="fas fa-key"></i>&nbsp;Open case</span></a></div>
                        </div>
                      </div>
                    </div>

在这里，我尝试按trade_id进行分组，但是比起使用“ i.image”之类的东西，什么都没有发生，因为这不在trade_id之下。

我如何按trade_id分组，还可以得到比图像...：/

我认为在PHP中类似foreach ($array as $key => $value)

Laravel v-for HTML中的项目

0 个答案: