表单用户输入为空不符合需求时input样式的更改

第一种（较麻烦且代码多）

  <textarea v-model="course.brief" placeholder="请输入课程简介" id="coursebrief"></textarea>

if (!this.course.brief){
               $("#coursebrief").css('borderColor','#CE4444');
               $("#coursebrief").addClass('change');
               }else {
               $("#coursebrief").css('borderColor','');
               }

在表单中用v-model绑定双向数据，之后用条件判断语句来判断里面的内容是否为空，使用jq给它添加css或者类

第二种（麻烦但代码少）

.tip {
        border: 1px solid #CE4444;
    }
 .tip::placeholder {
        color: #CE4444;
    }

 <input type="text" v-model="school.name" placeholder="请输入学校名称" :class="[tip&&!school.name?'tip':'']">

for (let key in this.school) {
if (!this.school[key]) {
this.tip = true;
return;
}
}
动态绑定类，采用三元运算符，在点击时间中循环数据的数组判断是否为真，根据判断条件才添加class