vue3学习
文章平均质量分 66
nameofworld
加油加油^_^
展开
-
vue3表单参数校验+正则表达式
这里我们要实现注册页在form表单中对表单项添加参数校验。我们的表单中有用户名、密码、电话号码、邮箱这四个项。要求手机号码以 1 开头,第二位为 3 到 9 之间的数字,后面跟着任意 9 个数字,总共是 11 位数字。邮箱正则表达式,要求一个或多个字母、数字或下划线,接着是 @ 符号,然后是一个或多个字母、数字或下划线,接着是一个句点,最后是一个或多个字母、数字或下划线。对页面进行数据绑定。在el-form标签上通过rules属性,绑定校验规则,在el-form-item标签上通过prop属性,指定校验项。原创 2024-04-04 23:19:00 · 2405 阅读 · 0 评论 -
vue3数据库中存头像图片相对路径在前端用prop只能显示路径或无法显示图片只能显示alt中内容的问题的解决
然后我们如果用prop="avatar" label="头像"是只能显示图片路径的,即loginBG6这样的文字。我们的目的是显示图片,直接用的方式,结果是不能成功的。我们在数据库中存的是相对路径,那么我们可以在require中补齐路径。其实也不算补完整,这里补了之后也是相对的,变成@/assets....这种的也就是相对在根目录下。我们尝试直接是可以出来图片的,只是所有显示的图片都是同一张。原创 2024-03-31 01:06:54 · 732 阅读 · 0 评论 -
vue3 el-table 表头以及表格文字居中
使表头文字居中::header-cell-style="{ textAlign: 'center' }"使表格内容文字居中::cell-style="{ textAlign:'center' }" 3、fixed:接受 Boolean 值left或者 right,表示左边固定还是右边固定。2、height:可实现固定表头的表格,不需要额外的代码。5、row-class-name:改变某行的背景色。1、border:给表格加边框。原创 2024-03-31 00:39:43 · 2556 阅读 · 0 评论