提示信息被遮盖

提示信息被遮盖

解决方法

  可以给form-item加一个特定的class,不影响其他的提示框,然后设定width,可以把所有内容显示。
给error加宽度,直到不被遮盖

代码

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>

xcx:办公室鱼塘

Logo

前往低代码交流专区

更多推荐