vue表单中动态控制样式的几种方式

1.三木运算：

<div :class="item.isTrue ? 'className1' : 'className2'"></div>

<style>
.className1{
....
}
.className2{
....
}
</style>

2.变量控制

<div :class="{className: item.isTrue"></div>

<style scoped lang="">
.className >>> .el-upload--picture-card{
....
}
</style>

3.使用Jquery

npm安装jQuery命令:npm i jquery -s

import $ from 'jquery' //全局安装，单页面引入

mounted () {
  setTimeout(() => {
     let forms = $('.el-form') //获取'.el-form'class类名数组合集
     forms.each((e, i) => { // 循环找到对应的'.star'class类名（prependTo）插入到'label'class类名前面.show()展示
       $(i).find('.star').prependTo($(i).find('label')).show()
     });
   }, 800)
},