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类名'

}