el-tooltip （element-plus）修改长度

最新推荐文章于 2024-09-05 18:10:23 发布

不爱吃饭爱吃菜

最新推荐文章于 2024-09-05 18:10:23 发布

阅读量1.2k

点赞数 7

文章标签：前端 elementui vue.js

本文链接：https://blog.youkuaiyun.com/weixin_45288172/article/details/134856781

版权

文章讲述了在前端开发中，关于el-input组件的密码验证提示tooltip的teleported属性设置，以及如何实现密码复杂度要求，例如9-30位，包含大小写字母、数字和特殊字符，无空格的规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初始状态：在这里插入图片描述
修改后：

就是添加 :teleported="false"，问题解决！！！

              <el-tooltip
                effect="dark"
                content="要求密码长度为9-30位，需包含大小写字母、数字两种或以上与特殊字符（如：@、#、$、%、^、&、*）组合，不允许有空格"
                placement="bottom-start"
                :teleported="false"  //就是这个！！！！！！！！！！
              >
                <el-input
                  v-model="ruleFormForgetPwd.accountPwd"
                  sf-size="medium"
                  :style="{ width: '360px', height: '36px' }"
                >
                </el-input>
              </el-tooltip>