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

Question

            <div :class="[{'tranShow': item.isTranShow},'closeDel']">
              <span class="del" @click.stop="delGood(item)">删除</span>
            </div>

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

Answer 1

试试这样写

<div class="closeDel" :class="{'tranShow': item.isTranShow}"></div>

Answer 2

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

Answer 3

这样子的 里

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