vue的template中如何添加动态类名

Question

<div :class="[{'tranShow': item.isTranShow},'closeDel']">

              <span class="del" @click.stop="delGood(item)">删除</span>

            </div>

这么用没效果，求大神支招

Answer 1

试试这样写<div&nbsp;class="closeDel"&nbsp;:class="{'tranShow':&nbsp;item.isTranShow}"></div>

Answer 2

<div&nbsp;:class="['closeDel',(item.isTranShow)&&'tranShow']">&nbsp;</div>

Answer 3

这样子的 里<div v-bind:class="[{tranShow: item.isTranShow }, closeDel]"></div>data: {&nbsp; tranShow: '你的CSS类名',&nbsp; closeDel: '你的CSS类名'}