关于vue绑定样式的问题?

Question

我想要的效果是这样的：

我的代码：

<div class="abs">

    <div class="items" v-for="item in dataTable">

        <span v-for="mul in item.mul" :style="{top:myTop}">

            <i>{{mul.name}}</i>

        </span>                                                    

    </div>                                                                                

</div>

myTop:'5px',

dataHeader:["研发部","运营部","财务部","产品部"],

dataNumber:[6,5,4,3,2,1],

dataTable:[

    {

        mul:[

            {

                name:"前端",

                rank:[5]

            },                        

            {

                name:"测试",

                rank:[2]

            }

        ]

    },

]

问题：
<span v-for="mul in item.mul" :style="{top:myTop}"> 
现在的问题是<span>公用着5px的样式。我不想这样，我想一个<span> 5px，另外一个<span>80px。这样我该怎么改呢？

Answer 1

你把mytop写到mul里面不就好了