element中表单错误提示信息被遮盖

提示信息被遮盖

解决方法

  可以给form-item加一个特定的class，不影响其他的提示框，然后设定width，可以把所有内容显示。

代码

vue的template代码

<el-form-item label="用户微信" prop="userWeChat" class="weixinError">
        <el-input v-model="userInfo.userWeChat"
                  maxlength="20"></el-input>
</el-form-item>

vue的css代码

<style scoped>
    .weixinError /deep/.el-form-item--mini .el-form-item__error{
        width: 408px;
    }
</style>