前几天小项目,没考虑周全,让后端改接口,改成数组中包含对象中包含数组的形式,后来越琢磨越不对,后台把所有数据放在了一个对象里,我拿弹窗数据不好拿,索性又改了回来,把后端折腾够呛,自己也折腾够呛,发上来,以示警戒
<强>改前拿数据
& lt; div类=叭萜鳌北?
& lt; div类=皊ortText”比;
& lt; div>综合排序& lt;/div>
& lt; div类=皊ortHot @click”=癿ostHot”祝辞& lt; p>最热& lt;/p> & lt; div类=皊ortImg祝辞& lt; img src=" https://www.yisu.com/assets/imgs/mosthot.png " alt="祝辞& lt;/div> & lt;/div>
& lt; div类=" sortHot " @click=创造最多新”的“祝辞& lt; p>最新& lt;/p> & lt; div类=皊ortImg祝辞& lt; img src=" https://www.yisu.com/assets/imgs/mostview.png " alt="祝辞& lt;/div> & lt;/div>
& lt; div类="应用" @click=坝τ?0)”在应用& lt;/div>
& lt; div类="应用" @click=坝τ?1)”的在算法& lt;/div>
& lt;/div>
& lt; !——绑定你的配置——比;
& lt; vue-scroll:行动="行动"在
& lt; div类=谌荨?
& lt; ul类="列表框" @handle-resize=癶andleResize”比;
& lt;李v="(项目、索引)名单”:关键=爸甘崩?翱吹健痹?
& lt; div类=發istIcon”比;
& lt; img src=" https://www.yisu.com/assets/imgs/jicon.png " alt="比;
& lt;/div>
& lt; div类=發istText”比;
& lt; div类="名称"在{{item.ename}} & lt;/div>
& lt; div类=敖樯堋北?
{{item.introduce}}
& lt; div类="细节" @click=癲etailsClick祝辞详情& lt;/div>
& lt;/div>
& lt; div类=翱缭健眝=?价值、关键、idx)”项:关键=idx的祝辞
& lt; p v=' Object.prototype.toString.call(值).slice(8 - 1)==笆椤弊４? lt; span>{{价值[0]}}:& lt;/span> & lt;跨类=靶铡痹趝{价值[1]}}& lt;/span> & lt;/p>
& lt;/div>
& lt; div类=發ineBox”比;
& lt; div类=" lineoneBox "祝辞& lt; img src=" https://www.yisu.com/assets/imgs/line1.png " alt="祝辞& lt;/div>
& lt; div类=鞍缀小弊４? lt;/div>
& lt;/div>
& lt;/div>
& lt;/li>
& lt;/ul>
& lt;/div>
& lt;/vue-scroll>
& lt; detailsPopUp @manage=" manshow " v=" manageshow "/比;
& lt;/div>
之前
<强>改后
& lt; div类=叭萜鳌北?
& lt; div类=皊ortText”比;
& lt; div>综合排序& lt;/div>
& lt; div类=皊ortHot @click”=癿ostHot”祝辞& lt; p>最热& lt;/p> & lt; div类=皊ortImg祝辞& lt; img src=" https://www.yisu.com/assets/imgs/mosthot.png " alt="祝辞& lt;/div> & lt;/div>
& lt; div类=" sortHot " @click=创造最多新”的“祝辞& lt; p>最新& lt;/p> & lt; div类=皊ortImg祝辞& lt; img src=" https://www.yisu.com/assets/imgs/mostview.png " alt="祝辞& lt;/div> & lt;/div>
& lt; div类="应用" @click=坝τ?0)”在应用& lt;/div>
& lt; div类="应用" @click=坝τ?1)”的在算法& lt;/div>
& lt;/div>
& lt; !——绑定你的配置——比;
& lt; vue-scroll:行动="行动"在
& lt; div类=谌荨?
& lt; ul类="列表框" @handle-resize=癶andleResize”比;
& lt;李v="(项目、索引)名单”:关键=爸甘崩?翱吹健痹?
& lt; div类=發istIcon”比;
& lt; img src=" https://www.yisu.com/assets/imgs/jicon.png " alt="比;
& lt;/div>
& lt; div类=發istText”比;
& lt; div类="名称"在{{item.ename}} & lt;/div>
& lt; div类=敖樯堋北?
{{item.introduce}}
& lt; div类="细节" @click=癲etailsClick (item.version, item.trade item.interfaceClassName)”在详情& lt;/div>
& lt;/div>
& lt; div类=翱缭健北?
& lt; p> & lt; span>提供厂商:& lt;/span> & lt;跨类=靶铡痹趝{item.manufacturerName}} & lt;/span> & lt;/p>
& lt; p v-show=" item.type==0”祝辞& lt; span>使用总次数:& lt;/span> & lt;跨类=靶铡痹趝{item.totalCount}} & lt;/span> & lt;/p>
& lt; p v-show=" item.type==0”祝辞& lt; span>安装时间:& lt;/span> & lt;跨类=靶铡痹趝{item.createTime}} & lt;/span> & lt;/p>
& lt; p v-show=" item.type==1”祝辞& lt; span>平均响应时间:& lt;/span> & lt;跨类=靶铡痹趝{item.avgResponseTime}} & lt;/span> & lt;/p>
& lt; p v-show=" item.type==1”祝辞& lt; span>准确率:& lt;/span> & lt;跨类=靶铡痹趝{item.accuracyRate}} % & lt;/span> & lt;/p>
& lt; p v-show=" item.type==0”祝辞& lt; span>占用内存:& lt;/span> & lt;跨类=靶铡痹趝{item.memory}} & lt;/span> & lt;/p>
& lt;/div>
& lt; div类=發ineBox”比;
& lt; div类=" lineoneBox "祝辞& lt; img src=" https://www.yisu.com/assets/imgs/line1.png " alt="祝辞& lt;/div>
& lt; div类=鞍缀小弊４? lt;/div>
& lt;/div>
& lt;/div>
& lt;/li>
& lt;/ul>
& lt;/div>
& lt;/vue-scroll>
& lt; detailsPopUp @manage=" manshow " v=癿anageshow”: scrollDataverson=癲etailsverson”: scrollDatatrade=癲etailstrade”: scrollDatainterfaceClassName=" detailsinterfaceClassName "/比;
& lt;/div>
