Vue dynamically controls CSS style

you guys really want to achieve this requirement. Every time I click the button to add a component, the component will be indented into the 15px or so. How to achieve this?

Feb.28,2021

: style= "'margin:'xxx" dynamically modify xxx


two ways:
1.


   <div :style = "margin: length+'px' "></div>   

js:
   
data(){
    return {
        length: 1,
    }
}

2. Set different class

    <div :class="{'youClass': isShow}"></div>   
    
js:
   
data(){
    return {
        isShow: true ,
    }
}
 
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-1b33404-2be96.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-1b33404-2be96.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?