Questions about the vue binding style?

the effect I want is this:

clipboard.png

my code:

<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]
            }
        ]
    },
]

question:
< span 5px for = "mul in item.mul": style= "{top:myTop}" >
the problem now is the style that shares 5px. I don"t want to do this. I want one 5px and another 80px. How can I change it?


why don't you just write mytop in mul


80 what is the condition such as
< span v 80px':myTop force = "mul in item.mul": style= "{top:data.name=' test'? '80px':myTop}" >


how many styles do you want to change? just write a class overlay.
for example,
the third one is 80px; : class= "index==2?': 'newTop'"
 <div class="items" v-for="item in dataTable">
    <span v-for="mul in item.mul" :style="{top:myTop}" :class="index==2 ?'':'newTop'" >
        <i>{{mul.name}}</i>
    </span>                                                    
</div>    
.newTop{margin-top:80px;}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e498ee-44d42.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e498ee-44d42.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?