vue-element-admin 1.4问题及解决方案

1、弹出框Dialog对话框，宽只有50%时，使用width不起作用：
在style上定义：

 .el-dialog--small {width: 80%;}

2、form表单验证数字不能通过：

使用v-model.number，验证规则上加type：number

<el-input v-model.number="form.workpeopleamount" type="number" placeholder="请输入工作人员数量"></el-input>

workpeopleamount: [{type : 'number',required: true,message: '请输入工作人员数据',trigger: 'blur'}],

3、input的输入框只能输入数字：
在input加上属性type=‘number’

<el-input v-model.number="form.trainingpeopledays" type="number" placeholder="请输入培训人天数"></el-input>

4、input框的必输小红点
去掉prop的属性

<el-input v-model.number="form.trainingpeopledays" type="number" placeholder="请输入培训人天数"></el-input>

5、增加图标svg
1、在src\views\tools\icons\svg-icons.js的文件中，添加与svg文件名相同的名称；
2、复制svg到src\icons\svg文件下
3、在src\assets\iconfont\iconfont.js的文件下添加

<symbol id="icon-image" viewBox="0 0 1024 1024"><path d="“”></path></symbol>

然后修改id为icon-文件名，保证这个文件名和第一步中添加的文件名一致，用nodepad++、hubild等其他工具打开svg文件，复制path标签中的所有内容，然后替换第三步配置的path，就会显示在页面。如下图：

vue-element-admin 1.4问题及解决方案相关推荐

Vue Element Admin 使用mock模块模拟数据
Mock 数据是前端开发过程中必不可少的一环,是分离前后端开发的关键链路.通过预先跟服务器端约定好的接口,模拟请求数据甚至逻辑,能够让前端开发更加独立自主,不会被服务端的开发所阻塞. vue-elem ...
vue+element+admin（初始化项目）
2022.10.17我接触到了vue+element+admin的使用,首先要安装node.jshttps://nodejs.org/zh-cn/download/.和githttps://git-s ...
vue element admin登录方式切换（密码登录或短信登录）
显示结果: 具体代码可以根据vue element admin源码进行更改,下面是页面代码 <el-form ref="loginForm" :model="log ...
后端使用SpringBoot和Jwt工具与Redis数据库+前端Vue Element Admin实现用户携带token的登录功能案例
登录功能描述: 前端输入对应的用户信息 ,在用户输入邮箱后点击发送按钮给邮箱发送验证码,拿取到验证填完之后,点击登录按钮给后端发送请求 ,后端接收到请求之后 ,第一步校验验证码,第二步校验用户名和密 ...
Vue Element Admin 用mock模块模拟数据
步骤简单一在 src/api/charts 中添加接口 , 方法名为 getindexMock import request from '@/utils/request'export func ...
vue element admin中发送请求和设置loading效果
需求:在表格数据加载完成前进入loading显示数据正在加载,数据加载完成后取消loading效果,axios的超时处理和异常的处理之后进行取消loading效果. 小编接下来就根据这个这个需求进行分 ...
Vue Element Admin 添加侧边栏以及他的页面
1. 在 /src/views/ 下添加需要的页面 2. 配置路由器 router 中的路由表 routes,分为 constantRoutes 和 asyncRoutes. 将路由的配置信息添加进路 ...
Vue + Element UI——侧边栏LOGO设计DEMO
GitHub https://github.com/PanJiaChen/vue-element-admin DEMO https://panjiachen.github.io/vue-element ...
超优 Vue+Element+Spring 中后端解决方案
今日推荐推荐一款开源 Java 版的视频管理系统推荐3个快速开发平台前后端都有项目经验又有着落了 14个项目转载:toutiao.com/i6911704074815767048 作者:we ...
Vue + Element UI——监听DOM元素高度和宽度解决方案整理（八种方法）
问题描述监听DOM元素大小的变化,在前端开发中,算是一个比较常见的需求,比如我们要制作可伸缩的图表的时候,可能需要根据DOM大小的变化,进行动态的更新图表. 解决方案方法一: 监听window变化 ...

vue-element-admin 1.4问题及解决方案

vue-element-admin 1.4问题及解决方案相关推荐

最新文章

热门文章