如何正确格式化Vue组件？

问题描述

我本以为下面的方法会奏效，但根据该网站，它似乎并不能很好地以类似时尚的网格布局数据；

https://bootstrap-vue.org/docs/components/layout

<template>
<div>
    <div v-for="i in items">
        <b-container class="bv-example-row">
            <b-row>
                <b-col>Home</b-col>
                <b-col>Road</b-col>
                <b-col>Home ATS</b-col>
                <div class="w-500"></div>
                <b-col>{{i.Home_Neutral}}</b-col>
                <b-col>{{i.Visitor_Neutral}}</b-col>
                <b-col>{{i.ATS}}</b-col>
            </b-row>
        </b-container>
    </div>
</div>
</template>

任何人都可以给我一些提示，说明如何对这些数据进行格式化，因为它似乎对我不起作用？我基本上只是想将数据散布到更多这样的盒子中；

example

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）