element UI 组件中的el-select中placeholder不显示

预期效果：

实际效果：

el-select代码：

<el-form-item label="预警标志 &nbsp&nbsp">
   <el-select v-model="dataForm.mark" placeholder="请选择" clearable >
   	 <el-option label="已预警" value="已预警"></el-option>
     <el-option label="已处理" value="已处理"></el-option>
   </el-select>
</el-form-item>

问题在于宽度不够
新代码（加了class，指定宽度）：

<el-form-item label="预警标志 &nbsp&nbsp">
   <el-select class="mc-select" v-model="dataForm.mark" placeholder="请选择" clearable >
   	 <el-option label="已预警" value="已预警"></el-option>
     <el-option label="已处理" value="已处理"></el-option>
   </el-select>
</el-form-item>

在style中加入宽度

.mc-select{
  width: 197px;
}

解决！