elemnt ui labe太长换行

<el-form-item style="height:80px" :label="'到达航班号\n(Flight number)'" class="foldLabel">

   <el-input v-else v-model.trim="dataForm.flightNo" placeholder="请输入" clearable></el-input>

</el-form-item>

 

<style scoped>
::v-deep.el-form-item.foldLabel .el-form-item__label {
white-space: pre-line; /*换行显示*/
height: 32px;/*设置lable高度，与input高度一样*/
line-height: 16px!important;/*设置行高为label高度的一半（有n行就是label高度的1/n）*/
}
</style>

 

想要覆盖element 原来的样式  用  ::v-deep 更保险并且编译速度更快.