vue中三目运算绑定class样式和style样式

template 

<div

          class="plus"

          v-for="(item,index) in phonecase2"

          :key="index"

          :class="(index+1)%3===1?'addmargina':(index+1)%3===2?'addmarginb':''"

          @click="juanindex(index,item)"

>



data

 addmarginb: "addmarginb",

 addmargina: "addmargina"


style


.addmargina {

  margin: 0 14px 0 30px !important;

}

.addmarginb {

  margin-right: 14px !important;

}


绑定style行内样式,适用于任何框架

  :style="{'color': (platformReport[index].val ===customerReport[index].val ? '':'#02D483')}"

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。