vue动态控制CSS样式

Question

各位大佬好 想实现这样的需求 当我每次点击按钮添加一个组件时 组件就会缩进15px左右 请问这个如何实现呢？

Answer 1

两种方式：1.&nbsp; &nbsp;<div :style = "margin: length+'px' "></div>&nbsp; &nbsp;js:&nbsp; &nbsp;data(){&nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; &nbsp; length: 1,&nbsp; &nbsp; }}2.设置不同的class&nbsp; &nbsp; <div :class="{'youClass': isShow}"></div>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;js:&nbsp; &nbsp;data(){&nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; &nbsp; isShow: true ,&nbsp; &nbsp; }}

Answer 2

:style=“'margin：'xxx” 动态修改xxx